Hacker News new | past | comments | ask | show | jobs | submit

Customizable HTML Select

https://developer.chrome.com/blog/rfc-customizable-select
So after decades of developer pain, all we're getting is a better select?

Where is the native HTML datagrid (that supports sorting, filtering, paging, downloading, row/column freezing, column resizing and re-ordering)?

Where are the native HTML Tabs control? Image selector, resizer/cropper, and uploader? Toggle button? etc.

We can't even get text input to respect autocomplete directives properly. On the major browsers, giving your user id and password inputs nonsensical names seems to be required, along with numerous other hacks, to ensure that when a user is registering, the form is not auto-completed with saved passwords.

HTML is really holding us back right now.

loading story #43119810
loading story #43120307
loading story #43119375
loading story #43119411
loading story #43119847
loading story #43125813
loading story #43122675
loading story #43123145
loading story #43119418
loading story #43121881
loading story #43125636
loading story #43120858
loading story #43123647
loading story #43119687
loading story #43120032
loading story #43122571
loading story #43121232
loading story #43121595
If this will stop the proliferation of terrible JavaScript implementations of <select>, I'm here for it.
loading story #43120862
loading story #43118681
loading story #43119224
loading story #43123853
Ah, customizable for web developers, not end users.

(And yes, I'm still bitter about you all wrecking my scroll bars.)

loading story #43119176
loading story #43119768
I've been doing front-end since the days of IE5 and I'd be rich if I had a penny for every time I've had to do a custom "select". It's a pain to use third-party libraries for this, but it _is_ a solved problem and doesn't require that much extra code.
loading story #43118779
loading story #43120638
loading story #43118477
loading story #43121229
loading story #43122622
I spent days building this little perfect dropdown select thing, that is a hundreds lines of code and even more docs explaining what the hell is going on. Someone wasted the same amount of time before me. Someone else spent a lot of time before them. And so on.

I wish we have had more browser native implementations including some notion of virtual lists so the browser would not choke when rendering a lot of content.

---

Eventually, this would be same as border-radius. It will get implemented and we'll forget about that forever.

loading story #43122020
- Why is picker a function like `::picker(select)`, and not a CSS pseudo class like `::before` to select the `select`'s `picker` component? I.e., `select::picker` makes a lot more sense to me.

- What about multi-choice (`multiple` attribute) `select`s?

loading story #43124894
I don’t really see if there’s now an option to further improve the select with JavaScript to add, for example, a search textbox for filtering.

And what about the nearly unusable (on desktop) <select multiple>?

loading story #43122134
loading story #43118939
loading story #43118898
They been talking about this for a long time.

In fact, I remember at some point, they were trying to sell the idea of exposing all the form inputs to use the `::part` API, since under the hood form inputs share the same general logic of custom elements, If I recall correctly.

From the looks of it, didn't work out that way though.

And I think its for the best. I like this proposal more, even though delivering the `::part` API to everyone (not just web component users) would have likely been faster

loading story #43118931
Wonder what is the point of this, all these functionalities are available in any third party libraries since ages.
This is a very good start, I don't think it'll replace a lot of the custom code/comboboxes that are seen in react-land without search (unless I missed it).
loading story #43122338
I've been griping about html's select for some tome - https://paulhammant.com/2013/01/31/appdev-glass-ceiling-revi... - great news
What's the point of Chrome-only css.
loading story #43117941
loading story #43118219
loading story #43118086
loading story #43118735
loading story #43118711
Neat. Can I put an input inside the select so I can filter options?
loading story #43124341
loading story #43124325
I worry this will lead to a bad user experience if android et al does not support it natively.

You'll have people saying "select the green option in the drop-down list to do <foo>" and people on mobile will just get the native-ui list with no styling.

this is a huge win for accessability.

i've re-implemented select in worse and less-accessible ways many times to satisfy some business demand. i'm very excited if this means i don't have to keep doing that.

I'm hoping that the documentation around this will be good, I've recently tried out CSS anchor positioning and it's riddled with examples that no longer work as the specification has been changed various times
Yes please, like everybody else I had to make a custom one https://radogado.github.io/n-select/ and will be happy to move to a rich standard
loading story #43118527
HTML is getting complex every day
{"deleted":true,"id":43118856,"parent":43113790,"time":1740078959,"type":"comment"}
{"deleted":true,"id":43119954,"parent":43113790,"time":1740084394,"type":"comment"}
Now, what’s the <https://caniuse.com/> link to this feature?
loading story #43118075
loading story #43117929
Yeah now if they can go ahead and make ThreeJS line thickness be more than 1 that'd be greeattttt....

edit: this is a joke about "OpenGL Core Profile with the WebGL renderer" which I'm not sure if Chrome (browser) would be responsible for

loading story #43117791
loading story #43117697