ИСПРАВЛЕНИЕ: Дополнительное исправление для сбоя прокрутки настроек чата/списка участников на iOS/iPadOS, исправление переполнения ширины элемента участника контейнером

В #36331 и #36449 мы исправили проблему прокрутки в чате-настройках/списке участников, включив прокрутку тела страницы. Однако недавний коммит, возможно, вступил в конфликт с предыдущим, из-за чего контейнер снова стал непрокручиваемым.

На этот раз мы применили другой подход: поскольку элемент body не должен прокручиваться, объектом прокрутки теперь являются channel-info-settings и channel-info-members, а высота родительского контейнера задается с помощью chat-height, благодаря чему контейнер снова становится прокручиваемым.

Кроме того, устаревший код overflow: scroll; в body заменен обратно на hidden, так как теперь он вызывает мерцание при прокрутке тела страницы.

До:

(Мерцание можно заметить на этом изображении, хотя на реальных устройствах iOS/iPadOS оно едва заметно)

После:


Также были внесены исправления, чтобы предотвратить выход списка участников за пределы по оси Y из-за длинных имен пользователей.

До:

image

После:

image


Еще один момент:

При использовании @mixin chat-height значение по умолчанию равно 0, а не 0px, что вызывает недопустимое выражение при прямом использовании; это также исправлено здесь.

До:

После:

image

PR создан здесь:

2 лайка

Спасибо, нужно найти время, чтобы это протестировать, постараюсь сделать это в ближайшие дни :+1:

1 лайк

Мне кажется, всё в порядке. К сведению — я оставил несколько комментариев о дополнениях, которые, думаю, нам не нужны.

1 лайк

Внесены некоторые правки и протестировано в средах iPadOS, всё выглядит нормально.

2 лайка