"Chmurki" z błędami walidacji formularza HTML5, Rozjeżdżają się (natywna walidacja HTML5) Opcje

[sowiq]

Koleżanki i kolegi,

natknąłem się na pytanie, z którym nie potrafię sobie poradzić ani znaleźć jakichkolwiek materiałów w internecie.

Chodzi o natywną walidację formularzy w HTML. A ściślej o atrybut "required". W każdej przeglądarce "chmurka" z informacją o błędzie zachowuje się inaczej przy przewijaniu strony - w FF zostaje w miejscu, w Chrome rozjeżdża się całkowicie, w IE chowa się od razu. Najlepiej działa to w Operze, gdzie chmurka z małym opóźnieniem podąża za inputem.

Firefox normalnie:
(IMG:http://img32.imageshack.us/img32/389/hxj7.png)

Firefox po scrollu:
(IMG:http://i.imgur.com/tkN51yG.png)

Chrome po scrollu:
(IMG:http://i.imgur.com/KDilajv.png)

Wiem, że to natywna funkcjonalność każdej z przeglądarek, ale chyba da się z tym zrobić coś sensownego, nie? (IMG:style_emoticons/default/nerdsmiley.png)

Od razu napiszę, że wiem, że mogę sobie zrobić walidację w JS. Ale po co, skoro HTML5 ma to "out of the box"? Uważam, że trzeba szerzyć "nową" technologię (IMG:style_emoticons/default/wink.gif)

Ten post edytował sowiq 12.09.2013, 14:41:11

[freemp3]

Niestety miałem przyjemność spotkać się z tym problemem i nie znalazłem sensownego rozwiązania. Zmieniłem walidacje na JS i ostylowałem dymki wedle własnego uznania (IMG:style_emoticons/default/smile.gif)

Szerzyć nową technologię owszem i można, ale w tym wypadku chyba lepiej poczekać aż zacznie działać tak jak powinna (IMG:style_emoticons/default/wink.gif)