Hello ![]()
Since iOS 26, Apple changed the keyboard appearance — it’s now semi-transparent with a blur effect.
As a result, when the keyboard is visible, the modal starts from the top of the keyboard, leaving the area behind the keyboard transparent.
This doesn’t look very nice visually, as the modal seems to “float” above an incomplete backdrop.
I think we should adjust the modal backdrop when the keyboard is open to make it look more natural — for example, by adjusting the backdrop to cover the keyboard area visually.
A quick CSS tweak could be something like this:
html.ios-device.keyboard-visible {
.d-modal__backdrop {
opacity: 1 !important; // forced because this is animated
background: var(--secondary);
}
}
This way, the modal retains a consistent background even when the iOS keyboard is visible.