3 ms·
Live demo for input:user-invalid does not work on my phone. It'd always been the same: those ugly patches of JavaScript were being added to maintain compatibil
by p0w3n3d 8mo ago
Live demo for input:user-invalid does not work on my phone.
It'd always been the same: those ugly patches of JavaScript were being added to maintain compatibility with all the browsers... That's why the newest CSS tricks were always out of reach for us
- szszrk 8mo agoyeah, it doesn't work on desktop Firefox or desktop Chrome-based browser either. That one is a dud. Most others work for me, though.
- folbec 8mo agothere is a bug in the CSS : explicit border:2px solid var(--border); on the input which takes priority over the class : .demo-uv-input:user-invalid { border-color: var(--red-muted); background: rgba(239,68,68,.04); } YMMV but when corrected it works for me on latest Edge, Chrome, Firefox (Windows versions)
- selimco 8mo agoThe drop cap example is also broken for me on the latest Firefox version. It still requires a manually set line-height of 1.
- throwaway290 8mo agoAlso broken on latest Safari & iOS. They should add screenshots how it supposed to look
- p0w3n3d 8mo agohowever, it would defeat the purpose of the live demo...
- throwaway290 8mo agoThey can have both like MDN...