TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Customizable HTML Select

230 pointsby dsego4 months ago

20 comments

prmph4 months ago
So after decades of developer pain, all we&#x27;re getting is a better select?<p>Where is the native HTML datagrid (that supports sorting, filtering, paging, downloading, row&#x2F;column freezing, column resizing and re-ordering)?<p>Where are the native HTML Tabs control? Image selector, resizer&#x2F;cropper, and uploader? Toggle button? etc.<p>We can&#x27;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.<p>HTML is really holding us back right now.
评论 #43119810 未加载
评论 #43120307 未加载
评论 #43119375 未加载
评论 #43119411 未加载
评论 #43125636 未加载
评论 #43119847 未加载
评论 #43120858 未加载
评论 #43122675 未加载
评论 #43123145 未加载
评论 #43119418 未加载
评论 #43125813 未加载
评论 #43121881 未加载
评论 #43119687 未加载
评论 #43120032 未加载
评论 #43123647 未加载
评论 #43122571 未加载
评论 #43121232 未加载
评论 #43121595 未加载
endemic4 months ago
If this will stop the proliferation of terrible JavaScript implementations of &lt;select&gt;, I&#x27;m here for it.
评论 #43120862 未加载
评论 #43118681 未加载
评论 #43123853 未加载
评论 #43119224 未加载
bityard4 months ago
Ah, customizable for web developers, not end users.<p>(And yes, I&#x27;m still bitter about you all wrecking my scroll bars.)
评论 #43119176 未加载
评论 #43119768 未加载
deanc4 months ago
I&#x27;ve been doing front-end since the days of IE5 and I&#x27;d be rich if I had a penny for every time I&#x27;ve had to do a custom &quot;select&quot;. It&#x27;s a pain to use third-party libraries for this, but it _is_ a solved problem and doesn&#x27;t require that much extra code.
评论 #43118779 未加载
评论 #43121229 未加载
评论 #43120638 未加载
评论 #43122622 未加载
评论 #43118477 未加载
CafeRacer4 months ago
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.<p>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.<p>---<p>Eventually, this would be same as border-radius. It will get implemented and we&#x27;ll forget about that forever.
评论 #43122020 未加载
rado4 months ago
Yes please, like everybody else I had to make a custom one <a href="https:&#x2F;&#x2F;radogado.github.io&#x2F;n-select&#x2F;" rel="nofollow">https:&#x2F;&#x2F;radogado.github.io&#x2F;n-select&#x2F;</a> and will be happy to move to a rich standard
评论 #43118527 未加载
akersten4 months ago
- Why is picker a function like `::picker(select)`, and not a CSS pseudo class like `::before` to select the `select`&#x27;s `picker` component? I.e., `select::picker` makes a lot more sense to me.<p>- What about multi-choice (`multiple` attribute) `select`s?
评论 #43124894 未加载
Pesthuf4 months ago
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.<p>And what about the nearly unusable (on desktop) &lt;select multiple&gt;?
评论 #43118939 未加载
评论 #43122134 未加载
评论 #43118898 未加载
no_wizard4 months ago
They been talking about this for a long time.<p>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.<p>From the looks of it, didn&#x27;t work out that way though.<p>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
评论 #43118931 未加载
bushido4 months ago
This is a very good start, I don&#x27;t think it&#x27;ll replace a lot of the custom code&#x2F;comboboxes that are seen in react-land without search (unless I missed it).
评论 #43122338 未加载
paul_h4 months ago
I&#x27;ve been griping about html&#x27;s select for some tome - <a href="https:&#x2F;&#x2F;paulhammant.com&#x2F;2013&#x2F;01&#x2F;31&#x2F;appdev-glass-ceiling-revisited&#x2F;" rel="nofollow">https:&#x2F;&#x2F;paulhammant.com&#x2F;2013&#x2F;01&#x2F;31&#x2F;appdev-glass-ceiling-revi...</a> - great news
Sateeshm4 months ago
What&#x27;s the point of Chrome-only css.
评论 #43117941 未加载
评论 #43118086 未加载
评论 #43118219 未加载
评论 #43118735 未加载
评论 #43118711 未加载
mattlondon4 months ago
I worry this will lead to a bad user experience if android et al does not support it natively.<p>You&#x27;ll have people saying &quot;select the green option in the drop-down list to do &lt;foo&gt;&quot; and people on mobile will just get the native-ui list with no styling.
mary-ext4 months ago
I&#x27;m hoping that the documentation around this will be good, I&#x27;ve recently tried out CSS anchor positioning and it&#x27;s riddled with examples that no longer work as the specification has been changed various times
notatoad4 months ago
this is a huge win for accessability.<p>i&#x27;ve re-implemented select in worse and less-accessible ways many times to satisfy some business demand. i&#x27;m very excited if this means i don&#x27;t have to keep doing that.
rererereferred4 months ago
Neat. Can I put an input inside the select so I can filter options?
评论 #43124341 未加载
评论 #43124325 未加载
ashu14614 months ago
Wonder what is the point of this, all these functionalities are available in any third party libraries since ages.
teddyh4 months ago
Now, what’s the &lt;<a href="https:&#x2F;&#x2F;caniuse.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;caniuse.com&#x2F;</a>&gt; link to this feature?
评论 #43118075 未加载
评论 #43117929 未加载
ge964 months ago
Yeah now if they can go ahead and make ThreeJS line thickness be more than 1 that&#x27;d be greeattttt....<p>edit: this is a joke about &quot;OpenGL Core Profile with the WebGL renderer&quot; which I&#x27;m not sure if Chrome (browser) would be responsible for
评论 #43117791 未加载
评论 #43117697 未加载
kirugan4 months ago
HTML is getting complex every day