ポリマー紙ダイアログ終了アニメーションが機能しない

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>

出典

2016-06-27 Rick Chong

終了アニメーションは、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

出典

2016-06-27 21:01:48 tony19

ポリマー紙ダイアログ終了アニメーションが機能しない

答えて

関連する問題