Блог

Я разработал приложение, используя мобильную библиотеку jquery и стиль в Google apps script. К сожалению, всплывающие окна jquery mobile, которые я использую в приложении, демонстрируют странное поведение положения, а кнопки закрытия всплывающих окон также демонстрируют неожиданное поведение. Всплывающие окна используют позицию для окна либо по умолчанию, либо обозначают это во всплывающей кнопке href. В результате всплывающее окно всегда располагается по центру относительно всей страницы, а не окна. Кнопки закрытия всплывающего окна могут закрывать или не закрывать всплывающее окно и по какой-то причине вызывают прокрутку окна вниз.

Из того, что я провел, проблема с положением всплывающего окна может быть связана с песочницей iframe, которую выполняет Google apps script, однако, похоже, это не происходило до изменений iframe, которые Google внес в apps script, хотя это конкретное приложение всегда использовало песочницу iframe раньше и, похоже, никогда не имело проблем в iOSустройства.

Я искал проблему в отношении поведения кнопки закрытия всплывающего окна, но ничего не нашел.

Приложение было протестировано на iPhone 7 iOS 10.0.3 в браузере Safari / браузере Chrome / браузере firefox, iPhone 4S iOS 9.3.4 в браузере Safari, iPad Air iOS 10.0.2 в браузере Safari, все они выдают одинаковые результаты. Это поведение отсутствует ни в одном из текущих настольных браузеров или в браузере Chrome на Nexus 5.

Вопрос, есть ли возможный обходной путь для исправления этого наблюдаемого поведения, или кто-нибудь знает, является ли это проблемой скрипта Google apps или проблемой мобильного Safari и разрабатывается ли решение?

Вот ссылка на тестовое приложение, которое было создано специально для проверки этой проблемы. https://script.google.com/macros/s/AKfycbzxpdtCR7s-ej_YHmrlxV0ata9F-kyEnxif7kN2SKP3Xib3EaI/exec