Fehler: Sprung zum leeren Pflichtfeld wird durch Sticky Menü verdeckt

Gunnar Löw's Avatar

Gunnar Löw

20 May, 2020 09:45 AM

Produkt: Oneo Contao

Hallo zusammen,

auf der Suche nach dem perfekten Contao-Theme ist mir auch bei Ihren Themes ein Fehler aufgefallen:

Wenn ich ein Formular absenden will was unzureichend ausgefüllt ist, sollte eigentlich das leere oder nicht ausgefüllte Pflichtfeld angezeigt werden. Dies ist aber gerade bei längeren Formularen nicht der Fall, da das besagte Pflichtfeld hinter dem Sticky Menü verschwindet! Es ist nur der Hinweis "Füllen Sie dieses Feld aus." zu sehen...
Es gibt genügend nicht unbedingt internetaffine Mitmenschen, die nicht darauf kommen, ein wenig nach oben zu scrollen. Stattdessen klicken sie, wie im beigefügten Bild zu sehen, beispielsweise auf einen Menüpunkt und schon ist alles, was ins Formular eingegeben wurde futsch. Das macht nur Ärger...

Gibt es eine Lösung, wie man diese "Sprungmarke" irgendwie um X-Pixel verschieben könnte?

Freundliche Grüße
Gunnar Löw

  1. Support Staff 1 Posted by RockSolid Theme... on 20 May, 2020 12:41 PM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Sie können dieses Verhalten korrigieren indem Sie folgenden CSS-Code in die Datei files/oneo/css/custom.css einfügen:

    html {
        scroll-padding: 112px 0 0;
    }
    

    Mit der nächsten Version des Themes wird diese Anpassung nicht mehr nötig sein.

  2. 2 Posted by Gunnar Löw on 21 May, 2020 01:02 AM

    Gunnar Löw's Avatar

    Hallo und herzlichen Dank für die schnelle Hilfe.
    Tatsächlich, es funktioniert! Und ich dachte schon Javascript müsste dafür herhalten :-)

    Nochmals danke,
    Gruß Gunnar

  3. Support Staff 3 Posted by RockSolid Theme... on 22 May, 2020 06:18 AM

    RockSolid Themes's Avatar

    In der Tat konnte bisher das Problem nur mittels JavaScript umgangen werden. Die CSS-Eigenschaft scroll-padding ist relativ neu, weshalb sie auch in den Themes noch nicht integriert war.

    Informationen zur Browser-Unterstützung von scroll-padding finden Sie auf folgender Website: https://caniuse.com/#search=scroll-padding

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Already uploaded files

  • Anmerkung_2020-05-20_113915.jpg 32.9 KB

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac