Comment by p0w3n3d
12 days 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
The drop cap example is also broken for me on the latest Firefox version. It still requires a manually set line-height of 1.
Also broken on latest Safari & iOS. They should add screenshots how it supposed to look
however, it would defeat the purpose of the live demo...
1 reply →
yeah, it doesn't work on desktop Firefox or desktop Chrome-based browser either.
That one is a dud. Most others work for me, though.
there 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)