Live demo for input:user-invalid does not work on my phone. It'd always been the...

selimco · 2026-02-16T10:23:12 1771237392

The drop cap example is also broken for me on the latest Firefox version. It still requires a manually set line-height of 1.

throwaway290 · 2026-02-16T10:32:55 1771237975

Also broken on latest Safari & iOS. They should add screenshots how it supposed to look

p0w3n3d · 2026-02-16T12:12:22 1771243942

however, it would defeat the purpose of the live demo...

throwaway290 · 2026-02-17T04:24:28 1771302268

They can have both like MDN...

szszrk · 2026-02-16T10:00:20 1771236020

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.

folbec · 2026-02-16T14:27:12 1771252032

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)