iOS 2️⃣6️⃣ и ее сюрпризы

Привет! На связи Даша Владыко, Frontend-разработчик Red Collar.

Совсем недавно Apple выпустили свое нашумевшее жидкое стекло (liquid glass). Оно выглядит симпатично, но Safari оказался сломан, и некоторые любимые фичи перестали работать, а привычный сайт теперь выглядит немного не так, как ожидается.

Рассмотрим, что именно:
⏺️ Первый экран на всю высоту сделать не получится — снизу всегда будет прозрачная панель с адресом;
⏺️ Добавленные снизу элементы будут «отклеиваться» и оставлять просвет (баннеры, куки);
⏺️ Если меню сделано на весь экран, то при его открытии может проглядывать ваш сайт;
⏺️ Если развернуть всплывающее окно, то страница под ним будет прокручиваться.

Для демонстрации собрала небольшой сайт с фото котика. Спасибо, он немного сгладит впечатления. Демонстрации багов можно посмотретреть на видосах ниже.

В теории все исправить можно, но это будут не самые лучшие решения, на них нужно много тестов и правок. Большинство компаний не решаются на это и просто игнорируют нависшие проблемы (даже Apple на их сайтах).

Да, не критично, но нам придется немного подстроиться. Предупрежден — значит вооружен. Зато есть повод для творчества и новых решений 🙂

А как вы относитесь к iOS 26?

Подписывайтесь 🔥 Red Collar | DEV