Эта тема посвящена сбору отзывов, в первую очередь касающихся проблем, связанных с пользовательским опытом (UX), в рамках текущего эксперимента, в котором эмодзи больше не влияют на свойство ‘line-height’ и также учитывают настройку размера текста пользователя в сообщениях тем, личных сообщениях и чате.
Например, вы можете посмотреть пример здесь…
Без включённого эксперимента при самом маленьком размере текста пользователя (наиболее заметная разница):
^ Похоже, что перед фразой «Например,» есть перенос строки, хотя его быть не должно.
Почему это эксперимент, а не просто исправление ошибки?
Это могло бы быть исправлением, но существуют потенциальные скрытые проблемы на различных устройствах, в разных браузерах и операционных системах. Например, Safari отображает стиль transform: scale(x) размытым при определённых комбинациях числовых значений и font-size. Альтернатива от Webkit — свойство grow, — но оно добавляет небольшой отступ к высоте строки, в отличие от более широко используемого свойства. Эта тема создана для того, чтобы выявить любые возможные ошибки перед внедрением поддержки.
Подтверждено. Это было исправлено специально для чата.
Однако для постов/сообщений я поищу исправление для этого селектора. Он должен быть достаточно широким, чтобы захватывать эмодзи в динамических <li></li> (в качестве примера) или любой разметке, но при этом не захватывать определённые элементы.
Этот эксперимент в настоящее время приостановлен/отключен 2024-01-02T06:00:00Z на неопределенный срок для диагностики проблем с рендерингом в Safari, связанных со свойством transform: scale(x); эмодзи могут отображаться размыто в случайных случаях: в одном сообщении они могут выглядеть четко, а в следующем — размыто, без воспроизводимой закономерности.
В целом рендеринг в Safari был учтен, но поскольку эта несогласованность сложнее в обходе, для продолжения этого эксперимента потребуется более последовательное исправление, сохраняющее поддержку версии WebKit в Safari. Я склоняюсь к переосмыслению альтернативного свойства grow WebKit специально для Safari. Хотя это занимает часть межстрочного интервала (line-height), данный недостаток можно компенсировать.
