聚合物@keyframes 泄漏
Polymer @keyframes leak out
我有一个由两个元素组成的简单 Polymer 应用程序。第一个元素 x-app 在其局部 dom 中包含第二个元素 x-inner。
在 x-inner 元素中，我定义了一个名为 spin 的关键帧动画，我将其应用于 :host。在 x-app 中，我也应用了相同的动画名称 spin，但关键帧动画未定义。虽然，旋转动画适用于这两个元素。在我看来，@keyframe 从内部元素中泄漏出来。
这是预期的行为吗？还是我错误地定义了@keyframe 动画？
示例请看我的jsbin：jsbin
这是因为您使用的是“Shady”DOM，它并没有像真正的 Shadow DOM 那样真正隔离组件 CSS 样式.
尝试定义 shadow 而不是 shady，它将起作用。
我有一个由两个元素组成的简单 Polymer 应用程序。第一个元素 x-app 在其局部 dom 中包含第二个元素 x-inner。 在 x-inner 元素中，我定义了一个名为 spin 的关键帧动画，我将其应用于 :host。在 x-app 中，我也应用了相同的动画名称 spin，但关键帧动画未定义。虽然，旋转动画适用于这两个元素。在我看来，@keyframe 从内部元素中泄漏出来。
这是预期的行为吗？还是我错误地定义了@keyframe 动画？
示例请看我的jsbin：jsbin
这是因为您使用的是“Shady”DOM，它并没有像真正的 Shadow DOM 那样真正隔离组件 CSS 样式.
尝试定义 shadow 而不是 shady，它将起作用。