lotta-schule / lotta

Lotta Web Monorepo
https://lotta.schule
GNU Affero General Public License v3.0
4 stars 0 forks source link

iOS: Bsp. Registrierung: Teile der Dialoge werden von UI verdeckt, Buttons in DialogActions sind nicht zu sehen #127

Closed techotline closed 8 months ago

techotline commented 9 months ago

Bug-Beschreibung

Wenn ein neues Benutzerkonto angelegt werden möchte, ruft man über "REGISTRIEREN" ein Pop-up-Fenster auf, in dem vorab persönliche Daten hinterlegt werden. Leider lassen sich die Buttons "ABBRECHEN" und "REGISTRIEREN" in der mobile-view nicht anzeigen, da sie abgeschnitten bzw. versteckt sind.

mobile devices: Bei einem Seitenzoom von 75% können sie wiederum erreicht werden. IMG_7693 IMG_7695

Link zur Seite, auf der das Problem aufgefallen ist

No response

Gerätekategorie

Mobiltelefon (iPhone / Android-Telefon)

In welchem Browser ist das Problem aufgetreten

Safari

ptitmouton commented 8 months ago

Das ist eine funktionale Einschränkung ich denke wir sollten das für 4.2 noch lösen.

Ich würde mir das mal in der nächsten Woche ansehen @BillyTheKing

ptitmouton commented 8 months ago

Das Problem hat alle Dialog betroffen, die anderen sind nur nicht so hoch geworden.

Ich habe eine passable Lösung gefunden (-webkit-fill-available min 100vh-Fallback), bin leider erst später auf dvh und Konsorten gestoßen.

https://web.dev/blog/viewport-units

Ich lasse es als zukünftige Referenz mal hier.

ptitmouton commented 8 months ago

-webkit-fill-available beachtet die Höhe der Safari-Adressleiste nicht korrekt wenn diese nach dem Scrollen im eingeklappten Zustand ist.

ptitmouton commented 8 months ago

Das Problem hat alle Dialog betroffen, die anderen sind nur nicht so hoch geworden.

Ich habe eine passable Lösung gefunden (-webkit-fill-available min 100vh-Fallback), bin leider erst später auf dvh und Konsorten gestoßen.

https://web.dev/blog/viewport-units

Ich lasse es als zukünftige Referenz mal hier.

Wie schon in meinem Kommentar erwähnt scheint 100dvh das zu tun was -webkit-fill-available vorgibt zu tun