Блог

Главная - Вопросы по программированию - whileTap и whileHover props не работают должным образом с элементами внутри iFrame

whileTap и whileHover props не работают должным образом с элементами внутри iFrame

#reactjs #iframe #framer-motion

#reactjs #iframe #framer-движение

Вопрос:

Реагирует framer-motion на whileTap и whileHover props не работают должным образом с элементами внутри iFrame. Вот демонстрационная версия песочницы:

https://codesandbox.io/s/d3rku

В Chrome и Safari whileHover вообще не работает, а whileTap выполняет половину анимации. В Firefox whileHover работает, а whileTap — нет. Похоже, что события мыши не распространяются должным образом внутри iFrame. Я заметил это и с некоторыми другими библиотеками, когда я визуализирую их с помощью react внутри iFrame.