nicht angemeldet
Browser-Scrollverhalten korrigieren, nach Submit mit fehlerhaftem Formularpflichtfeld ...
Gunnar Bittersmann@@Rolf B
Die Positionierung von Feldern mit Validierungsfehler klingt nach einem scrollIntoView-Effekt.
Hm, weiß nicht, was Browser da tun. Firefox schiebt das betreffende Eingabeelement jedenfalls in die Mitte, was ja auch sinnvoll ist. Das Verhalten von Chrome, das Ding an den oberen Rand zu schieben, ist ja ziemlich bescheuert. Was hat man davon, wenn man das Label darüber nicht im Blickfeld hat?
Die einfachere und besser verständliche Lösung ist aus meiner Sicht, ein 100vw×100vh großes Layout-Grid für den Viewport zu realisieren, in dem der scrollbare Bereich eine Zelle einnimmt und das die fixierten Bereiche festlegt.
Sieht dann so aus: form validation, grid. Funktioniert (mehr schlecht als recht, s.o.) auch in Chromia.
🖖 Live long and prosper
“In my home, the America I love, the America I've written about, that has been a beacon of hope and liberty for 250 years, is currently in the hands of a corrupt, incompetent and treasonous administration. Tonight, we ask all who believe in democracy and the best of our American spirit, to rise with us, raise your voices against authoritarianism, and let freedom reign.”
— Bruce Springsteen, Manchester 2025-05-14
Rolf B