1
私は2つの要素からなる単純なポリマーアプリを持っています。最初の要素は、x-appで、要素の第2要素はx-です。 x-inner要素の中で、：hostに適用するスピンと呼ばれるキーフレームアニメーションを定義します。 xアプリ内では、同じアニメーション名をに適用しますが、キーフレームアニメーションは定義されていません。しかし、スピンアニメーションは両方の要素で機能します。 @keyframeは内側の要素から漏れているようです。ポリマーのキーフレームが漏れる
これは予期される動作ですか？または@keyframeアニメーションを間違って定義するのですか？
例えば私のjsbinをご覧ください。jsbin
はい、あなたはそれが影のDOM（今のところサポートChromeのみ）で動作します正しいです。それは、作成するすべてのキーフレームアニメーションに一意の名前を定義する必要があるということです。私はこれがPolymer shady domがあなたのために舞台裏で扱ったものだと思いましたか？ –
はい...またはshadycss polyfill（自動的に行う）を試すことができますが、キーフレームでテストしませんでした。 – Supersharp
これが陰性DOMで予想される動作であれば、私はあなたの答えを受け入れます。私はもう一つ質問があります。私がshadow domを使用して親のキーフレームアニメーションを定義しても、子供のキーフレームアニメーションを使用することは可能です。これはシャドードームで期待される動作ではありませんか？ –