Я использую веб-компоненты в тени, и в Chrome все анимации работают нормально. Однако в Safari и, следовательно, в iOS Safari анимация элементов работает нормально, но не псевдоэлементов. Это сбивает меня с толку, потому что это ТОЛЬКО для псевдоэлементов, таких как: after и: before.
В коде нет ничего плохого, потому что когда я запускаю его без теневого домена, все срабатывает просто отлично и прекрасно работает во всех браузерах.
Почему это так и как я могу устранить эту проблему?
- Я пробовал установить важные параметры для анимации CSS, но не сработало.
- Попытка переместить @keyframes выше в теневом домике не сработала.
- Попытка включить @keyframes в документ, который включает теневой дом, сработала.
Однако,Я предпочел бы не решать это так, потому что тогда мне нужно включить общий анимационный актив CSS как в основной документ, так и в документ, который должен быть включен через shadow dom. И все же странно, что нормальная анимация работает, но не псевдоэлементы. Есть псевдоэлементы, единственное, чего не хватает, так это того, что анимация не срабатывает.