iOS 26: Problema con lo sfondo modale quando la tastiera è visibile

UX
1

Ciao :waving_hand:

Dall’iOS 26, Apple ha modificato l’aspetto della tastiera: ora è semi-trasparente con un effetto sfocato.
Di conseguenza, quando la tastiera è visibile, il modale parte dall’alto della tastiera, lasciando trasparente l’area dietro la tastiera.
Questo non è molto gradevole visivamente, poiché il modale sembra “fluttuare” sopra uno sfondo incompleto.

Penso che dovremmo regolare lo sfondo del modale quando la tastiera è aperta per renderlo più naturale, ad esempio regolando lo sfondo in modo che copra visivamente l’area della tastiera.

Una rapida modifica CSS potrebbe essere qualcosa di simile:

html.ios-device.keyboard-visible {
  .d-modal__backdrop {
    opacity: 1 !important; // forzato perché è animato
    background: var(--secondary);
  }
}

In questo modo, il modale mantiene uno sfondo coerente anche quando la tastiera iOS è visibile.

1 Mi Piace