WordPress TwentyTen, CSS reset Erica Meyera i komunikaty o błędach HTML5 forms w Chrome

Długo wczoraj szukałem co jest nie tak z wyświetlaniem komunikatu o błędnej zawartości pola typu „email” w Chrome (mowa oczywiście o wbudowanej w przeglądarkę obsłudze sprawdzania pól formularzy HTML5):

Dziwne wyświetlanie błędu zawartości pola typu "email" w Chrome.
Dziwne wyświetlanie błędu zawartości pola typu "email" w Chrome.

Nadmienię, że pracowałem na bazie CSSa z najnowszej wersji theme’a WP TwentyTen. Szukałem i szukałem — i koniec końców zawęziłem moje poszukiwania do popularnego resetu styli autorstwa Erica Meyera:

Domyślny reset CSS Erica Meyera.
Domyślny reset CSS Erica Meyera.

Na pierwszy rzut oka wszystko gra, nie? Zacząłem więc eliminować części selektora jeden po drugim i jakieś było moze zdziwienie, kiedy okazało się że usunięcie DIVa:

Reset CSS z wykomentowanym DIVem w selektorze.
Reset CSS z wykomentowanym DIVem w selektorze.

…naprawiło sytuację:

Poprawne wyświetlanie komunikatu błędu.
Poprawne wyświetlanie komunikatu błędu.

Wychodzi zatem na to, że „wbudowane” w Chrome dymki z komunikatami o błędach same są HTMLem stylowanym CSSem — w tym konkretnie przypadku jest to DIV do którego „przenikać” zdają się style ustawiane przez użytkownika. Dziwne cokolwiek…

Dodaj komentarz