iOS 26: Проблема с фоном модального окна при видимой клавиатуре

Внести вклад UX
1

Привет :waving_hand:

Начиная с iOS 26, Apple изменила внешний вид клавиатуры — теперь она полупрозрачная с эффектом размытия.
В результате, когда клавиатура видна, модальное окно начинается от верхнего края клавиатуры, оставляя область за клавиатурой прозрачной.
Это выглядит не очень эстетично, так как модальное окно словно «парит» над неполным фоном.

Я думаю, нам стоит адаптировать фон модального окна при открытой клавиатуре, чтобы это выглядело естественнее — например, визуально расширив фон так, чтобы он перекрывал область клавиатуры.

Быстрое решение через CSS могло бы выглядеть так:

html.ios-device.keyboard-visible {
  .d-modal__backdrop {
    opacity: 1 !important; // принудительно, так как здесь используется анимация
    background: var(--secondary);
  }
}

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

2 лайка