News for hackers. Stuff that matters.

A comment on Firefox has lots of room to improve if it wants to beat Chrome. Parent comment

Re:Firefox has lots of room to improve if it wants to beat C... by paulryanrogers on Sunday September 01, 2019 @09:40AM (#20852203)
If form controls like select lists and checkboxes were style-able and compose-able I think it would reduce the need for JS in many cases.

Multi select in particular feels like it's stuck in the 90's.

Also select's lack of consistent search capabilities is painful.

[ Parent | on HN ]
Re:Firefox has lots of room to improve if it wants to beat C... by paulddraper on Sunday September 01, 2019 @06:56PM (#20855553)
Searchable select is now a thing (for 90% of users at least).

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/da...

[ Parent | on HN ]
Re:Firefox has lots of room to improve if it wants to beat C... by userbinator on Sunday September 01, 2019 @03:00PM (#20854036)
Sorry, I'm not convinced that UI elements need to be "style-able" by the site. Every site ends up being slightly different from others as a result, because it feels the need to reinvent its own custom UI controls with their own behaviour inconsistent from the OS or even the browser's UI. (I have the same gripe about "native" Electron apps.)
[ Parent | on HN ]
Re:Firefox has lots of room to improve if it wants to beat C... by oblio on Sunday September 01, 2019 @04:13PM (#20854565)
Yeah, good luck with that. Every company wants to stand out. There's no money to be made from conformity.
[ Parent | on HN ]
Re:Firefox has lots of room to improve if it wants to beat C... by Izkata on Sunday September 01, 2019 @11:21PM (#20856539)
Select elements are pretty decently style-able nowadays [0], though the options in the dropdown don't seem to be supported (at least in Firefox).

https://www.filamentgroup.com/lab/select-css.html

[ Parent | on HN ]
Re:Firefox has lots of room to improve if it wants to beat C... by infamia on Wednesday September 04, 2019 @04:25PM (#20881047)
I'm certainly no CSS guru. And as you said, CSS doesn't cover everything. However, you can do quite a bit with CSS that most developers don't bother with:

https://bradleytaunt.com/dynamic-checkboxes/

https://bradleytaunt.com/easy-custom-radio-inputs/

https://normform.netlify.com/

[ Parent | on HN ]