CSS3 form google material design εχει "email"=bug?

[Ruhl]

Επαιζα με την google material design τεχνικη και παρατηρησα οτι για καποιο λογο δεν αναγνωριζει το :valid οταν βαζεις αντι για <input type="text" required> <input type="email" required>

 

Και ετσι οταν γραψεις κατι στο email πεδιο και φυγεις, τo label ξαναπεφτει στα γραμματα σου

 

Εχει κανεις καμια ιδεα γιατι γινεται αυτο? και αν ειναι μονοδρομος να βαλεις type="text" αν θελεις να το κανεις χρηση.

https://codepen.io/ruhl/pen/ZvLBRy

[dominotrix]

Δες εδω μηπως σε βοηθησει.

 

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation

[paparovic]

Αν βάλεις valid email στο πεδίο αντί για aaaa, θα δεις ότι δουλεύει μια χαρά.

[Ruhl]

Αν βάλεις valid email στο πεδίο αντί για aaaa, θα δεις ότι δουλεύει μια χαρά.

Γαμω την τρελα μου ευχαριστω, το εκαψα, στην ουσια δεν εβαζα valid στοιχεια οποτε λογικο να κατεβαινει.

 

dominotrix

Ευχαριστω γιατι εψαχνα κατι αλλο με τα validation και βρηκα και εκει μια απαντηση, ασχετο με αυτο το θεμα.

[dominotrix]

Δεν ειναι τοσο εγκυρο το valid γιατι αν γραψεις onoma@ το θεωρει σωστο, ενω δεν ειναι. Λειπει και το domain και η καταληξη (.com)