Я испытываю необычное поведение на iPad, при котором область щелчка элементов на странице смещается относительно их фактического отображаемого местоположения.
Это началось только после обновления до iOS 13+, поведениенормально для iOS 12.
Кажется, что здесь задействованы несколько факторов:
- Это влияет только на контент внутри iframe.
- DOM должен управляться так, чтобыобщая высота меняется.
- Как ни странно, это похоже на несколько браузеров - протестировано в Safari, Chrome и Firefox.
Отдельный пример этого в действии можно увидеть здесь https://codepen.io/labepiniimailwebtop/full/mddEpjP (если экран вашего iPad слишком большой, чтобы при загрузке страницы не было полосы прокрутки, просто увеличьте изображение). Запись на экран проблемы.
Код на странице (загружается в iframe) просто:
<br /><br /><br /><br /><br /><br /><br /><br /><br />
Scroll down
<br /><br /><br /><br /><br /><br /><br /><br /><br />
<img src="https://placehold.it/200x600" />
<br />
<button>Click me</button>
<script>
$('button').on('click', function(){
$('img').remove();
});
</script>
Кто-нибудь сталкивался с той же проблемой и любойидеи на починку? Я полагаю, что это проблема, которую Apple должна решить, но в то же время задаюсь вопросом, что я могу сделать, чтобы все продолжало работать.