Я пытаюсь разместить мое Bubble App (https://ssd -order.bubbleapps.io / ) на моей веб-странице Shopify (https://filmdrives.com/pages/custom-ssd-order).). В настоящее время оно встроено в iFrame с помощью iFrame Resizer ( https://github.com/davidjbradshaw/iframe-resizer), чтобы изменить высоту iFrame при изменении содержимого. Я отключил это, и приложение Bubble отправляет HTML-код в Shopfiy, чтобы инициировать изменение размера. Все работает нормально.
Проблема, с которой я сталкиваюсь, заключается в том, что когда я выбираю какой-либо ввод, введите какой-то текст и отмените выбор ввода, страница автоматически прокрутится до верхней части iFrame. Что вызывает это поведение? Я не могу понять это?
Похоже, это происходит в MacOS в Mozilla и Chrome, а также в iOS Safari. Делает пользовательский опыт очень расстраивающим.
Я пытался изолировать iFrame Resizer, а также другие элементы, когда я встраивал приложение Bubble в Simple iFrame, проблема все еще сохраняется. Если приложение Bubble работает автономно (т. Е. Изначально в Bubble), проблема, похоже, отсутствует, поэтому я думаю, что это как-то связано с iFrame или Shopify.
Я провел часы в режимах Mozilla и Chromes Console и в режиме инспектора, пытаясь выяснить это. Пока нет такой удачи.
Код, который я использую для HTML Emded the Bubble App на моем сайте, выглядит следующим образом:
Буду признателен за любую помощь, которую вы можете предложить!
Спасибо!