Проблема с макетом страницы темы на iOS 15

[Don]

Привет

У меня iPhone 6s с iOS 15.8.3, и на странице темы в Meta макет кажется сломанным Я ещё не обновлял свой сайт, поэтому не знаю, возникает ли это только в Meta… У меня пока не было времени проверить коммиты…

Также заметил, что навигация в подвале больше не размывается…

Также заметил, что могу перемещать всю страницу вбок. (Кажется, это происходит только в DiscourseHub и PWA)

Вероятно, это уже обсуждалось в Meta; если да, пожалуйста, не стесняйтесь переместить это в соответствующую тему.

Спасибо

[pmusaraj (Penar Musaraj)]

То же самое наблюдается, похоже на регрессию после последних коммитов — на сайте, развёрнутом по коммиту четырёхдневной давности, проблема не воспроизводится. Разберёмся. Спасибо!

[pmusaraj (Penar Musaraj)]

@Don

Также заметил, что нижнее меню больше не размыто…

У меня это не воспроизводится ни на Hub, ни в PWA.

[Don]

Похоже, это проблема поддержки. Я подключил телефон к Mac и проверил PWA.

Проверил caniuse, и похоже, что для моей версии iOS требуется префикс -webkit-.

Да, добавление префикса -webkit- решило проблему.

[awesomerobot (Kris)]

Это должно скоро исправить: UX: set mobile read state indicator to static size to avoid overflow by awesomerobot · Pull Request #30910 · discourse/discourse · GitHub

Кажется, это может быть связано с изменением шрифта? Пока точно не определили.

[david (David Taylor)]

Это исправит ещё несколько проблем с макетом в старых версиях iOS:

FIX: Enforce 'prefix' notation for media-query ranges (#30913)

А также префикс для backdrop-filter:

FIX: Restore footer-nav backdrop-filter for iOS < 18 (#30914)

[Don]

Спасибо за быструю правку. Теперь всё работает отлично