IPhone Safari рассматривает всю страницу как выделение текста — кнопки и ввод не отвечают ⇐ IOS

[Anonymous]

В Safari на iPhone 11 при нажатии любой кнопки или ввода над нажатием отображается буква (поведение выбора текста iOS), а не активация элемента. На рабочем столе работает нормально. Простые тестовые HTML-файлы прекрасно работают на том же хостинге. Но моя полная страница не работает ни на одном мобильном устройстве (iPhone или Android).
: В iPhone Safari при нажатии кнопки или вводе ниже раздела героя min-height:100vh отображается выделение текста вместо активации элемента. Работает на рабочем столе. Почему?






*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: sans-serif; background: #132318; }
.hero { min-height: 100vh; display: flex; align-items: center; padding: 2rem; }
.quiz { background: #1d3a28; padding: 2rem; margin: 2rem; }
.quiz-opt { padding: 15px; background: rgba(255,255,255,.04); border: 1px solid rgba(200,164,90,.3); color: #e8d4a0; font-size: 16px; width: 100%; margin-bottom: 10px; cursor: pointer; }
.lead-field { padding: 15px; background: rgba(255,255,255,.06); border: 1px solid gold; color: white; font-size: 16px; width: 100%; display: block; margin-bottom: 10px; }




Hero Section

Tap me






Подробнее здесь: https://stackoverflow.com/questions/799 ... s-unrespon