Не работает анимация выхода из полимерной бумаги-диалога

Я только начал изучать Polymer, и я пытаюсь разместить анимацию входа и выхода в диалоговом окне на бумаге. Кажется, анимация входа работает отлично, а анимация выхода - нет. Я делаю обходной путь, вручную кодируя jQuery, но я хотел бы использовать встроенную возможность бумажного диалога.

Благодарю.

        <paper-dialog id="dialog" entry-animation="slide-from-top-animation" exit-animation="fade-out-animation" class="dialogstyle" no-cancel-on-outside-click no-cancel-on-esc-key>
        <div class="buttons">
            <paper-button id="closebutton" dialog-dismiss autofocus><i class="fa fa-times" aria-hidden="true"></i></paper-button>
        </div>

        <strong>content here</strong>

    </paper-dialog>
Источник

1 ответ

Анимация выхода должна работать до тех пор, пока вы не забудете включить fade-out-animation.html,

<head>
  <base href="https://polygit.org/polymer+1.11.1/components/">
  <script src="webcomponentsjs/webcomponents-lite.js"></script>
  <link rel="import" href="paper-dialog/paper-dialog.html">
  <link rel="import" href="neon-animation/web-animations.html">
  <link rel="import" href="neon-animation/animations/slide-from-top-animation.html">
  <link rel="import" href="neon-animation/animations/fade-out-animation.html">
</head>
<body>
  <paper-dialog entry-animation="slide-from-top-animation"
                exit-animation="fade-out-animation" opened>
    <h2>Header</h2>
    <div>Dialog body</div>
  </paper-dialog>
</body>

codepen

Источник
Другие вопросы по тегам