←back to thread

The <select> element can now be customized with CSS

(developer.chrome.com)
507 points tosh | 3 comments | 31 Mar 25 09:11 UTC | HN request time: 0.688s | source
Show context
wolframhempel ◴[31 Mar 25 15:14 UTC] No.43535984[source]▶
The fact that I'm disproportionally excited about this probably dates me as an early 2000s web developer. But since selects can do things that you simply cannot recreate in HTML, e.g. have options drop downs that extend outside the viewport boundaries, makes this a really helpful feature.

Now, do autocompletes and tag selectors next...

replies(6): >>43536012 #>>43536059 #>>43536090 #>>43537120 #>>43537585 #>>43539203 #
asddubs ◴[31 Mar 25 15:22 UTC] No.43536090[source]▶
I doubt it'll still be able to do those things. From the article:

>Using base-select loses a number of features and behaviors:

> The <select> doesn't render outside the browser pane.

> It doesn't trigger built-in mobile operating system components.

I have mixed feelings about it. Mobile users, get ready for poorly optimized select elements. On the other hand it reduces the need for javascript for styling forms, which is good

replies(5): >>43536161 #>>43537035 #>>43537996 #>>43539933 #>>43541655 #
wolframhempel ◴[31 Mar 25 15:28 UTC] No.43536161[source]▶
That's fair, but I assume that is the initial implementation. Surely, over time, browser vendors will want to make the full spectrum of select functionality available consistently.
replies(2): >>43536357 #>>43536433 #
1. caesil ◴[31 Mar 25 15:46 UTC] No.43536357[source]▶
I don't think browsers will ever let web code affect things outside the viewport because scammers would cook up some truly zany things with that power.
replies(1): >>43541662 #
2. immibis ◴[01 Apr 25 00:46 UTC] No.43541662[source]▶
Even rendering arbitrary pixels inside the viewport is bad enough. Something that went out of fashion but is apparently now back in fashion is detecting the user's operating system and browser, then displaying a pixel-perfect replica of a second browser window open to Paypal and asking you to log in... displayed within the bounds of the first browser window.
replies(1): >>43573547 #
3. afiori ◴[03 Apr 25 18:29 UTC] No.43573547[source]▶
This is why the new login prompt of 1Password is worse than the old one, it appears at the center of the screen where the website could easily put a replica. The old one opened at the height of the extension icon, a bit above where the browser opens the alert dialog