iOS 26: Modaler Hintergrundproblem bei sichtbarer Tastatur

UX
1

Hallo :waving_hand:

Seit iOS 26 hat Apple das Erscheinungsbild der Tastatur geändert – sie ist jetzt semi-transparent mit einem Weichzeichnungseffekt.
Dadurch beginnt das Modal, wenn die Tastatur sichtbar ist, oben auf der Tastatur, wodurch der Bereich hinter der Tastatur transparent bleibt.
Das sieht visuell nicht sehr schön aus, da das Modal über einem unvollständigen Hintergrund zu schweben scheint.

Ich denke, wir sollten den Modal-Hintergrund anpassen, wenn die Tastatur geöffnet ist, damit er natürlicher aussieht – zum Beispiel, indem wir den Hintergrund so anpassen, dass er den Tastaturbereich visuell abdeckt.

Ein schneller CSS-Tweak könnte so aussehen:

html.ios-device.keyboard-visible {
  .d-modal__backdrop {
    opacity: 1 !important; // erzwungen, da dies animiert ist
    background: var(--secondary);
  }
}

Auf diese Weise behält das Modal auch bei sichtbarer iOS-Tastatur einen konsistenten Hintergrund.

1 „Gefällt mir“