Neu Pflichtfeldhinweis wird im FF fehlerhaft dargestellt

[lord_icon]

Referenzseite: https://demo.jtl-shop.de/registrieren.php
Aber auch bei unserer eigenen Seite.

Einfach mal aufrufen und unten auf "Kundendaten abschicken" klicken.
Es kommt ein Hinweisfeld wo gesagt wird wo noch was auszufüllen ist.

Opera + Crome = passt alles. Das Hinweisfeld ist da wo noch was fehlt.
IE = klappt auch. Wobei hier sogar ein roter Rahmen kommt. Scheint aber mal wieder eine IE besonderheit zu sein.

FF = Failed. Das Hinweißfeld ist IMMER ganz oben im Browserfenster.
Da leider auch nichts farblich hinterlegt ist, sind in letzter Zeit ein paar Registierungen holprig verlaufen.
Meist war der Grund bei Anrede. Das Pflichtfeldsymbol liegt im FF hinter dem Dropdown-Zeichen.
Da der Hinweißtext nicht geht und auch nichts farblich hinterlegt wird, ist das immer ein bissel Glücksspiel.

P.s. Macht doch einfach ein roten background-color. Das wird in jeden Browser gefressen.
Vlt. mal in 4.05 (Build 2) fixen

 

[Mirko.Schmidt User deaktiviert]

Die Hinweisfelder kommen vom Browser durch HTML5, genauso wie die Rote Umrandung im IE.

 

[lord_icon]

hmm... komische Antwort.
Entweder sprechen wir aneinander vorbei und du meinst was anderes... oder aber du hast es garnicht getestet.

Nungut. Letztes nehm ich mal ab und stell es in den direkten Vergleich:
Links sieht man den IE. Pflichtfelder in rot und in Dropdown-Bereiche (z.B. bei Anrede) die sichtbare Pflichtfeldangabe. Soweit sauber.
Nun zum FF rechts. Nix in Rot. Das Hinweisfeld auf n Mond und bei der Anrede weiß man nicht wirklich, ob es ein Pflichtfeld ist. Da der Hinweis nicht passt, scheitern hier die meisten, die uns bisher angerufen haben.

P.s. Firefox 51.0.1 (32-Bit) Version

 

[M.Stickel]

Nur um Mirkos Antwort noch etwas weiter auszuführen:
Mit dem Abschicken des Formulars wird der Hinweis durch den Browser erzeugt (jeder Browser setzt das anders um).
Im FF wird der Hinweis an der richtigen Stelle angezeigt, er bewegt sich aber beim scrollen nicht mit und bleibt an der oberen Bildschirmkante.
Von daher können wir das Problem reproduzieren, aber am Browserverhalten nicht viel ändern.

 

[martinwolf]

Also bei mir im 51.0.1 verschwindet de Hinweis am EIngabefeld wenn ich scrolle.

 

[lord_icon]

@M.Stickel,

Von daher können wir das Problem reproduzieren, aber am Browserverhalten nicht viel ändern.

hmm... nun klingt das bestimmt wieder vorlaut... aber auf andere Seiten mit Pflichtfeldern geht es ja.
Z.B. https://demo.jtl-shop.de/pass.php

Da wird es im korrekten Bereich ausgegeben. Dass das Pflichtfeldicon hinter einen Dropdown-iocn verschwindet ist Browser-sache und sicherlich schwer beeinflussbar.
Aber das Hinweisfeld kommt ja von JTL. Das ist ja nix vom Browser.

 

[M.Stickel]

@martinwolf Bei mir erst, wenn sich der Focus ändert, aber egal.

@lord_icon hier sind die Voraussetzungen andere. Die Seite ist von der Höhe her so klein, dass kein vertikales Scrollen möglich ist, daher ist die Anzeige dort korrekt. Auch dort, kommt diese Meldung vom Browser.

 

[M.Stickel]

Nichtsdestotrotz ist die Darstellung natürlich suboptimal. Ich habe das nochmal als Ticket ( https://gitlab.jtl-software.de/jtlshop/shop4/issues/1048 ) aufgenommen.

 

[lord_icon]

🙂 Super.