←back to thread

503 points tosh | 1 comments | | HN request time: 0.211s | source
Show context
wolframhempel ◴[] 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 #
majora2007 ◴[] No.43536012[source]

It's actually crazy that we don't have a basic typeahead component or tag selector in this day and age with HTML. Every web page I've ever built has needed these components and while there are libraries out there, they all have an annoying bug here or there.

But considering we are just now getting Select tags with styling, signals how long it might take for a typeahead which is vastly more complex.

replies(3): >>43536038 #>>43536102 #>>43541305 #
jhardy54 ◴[] No.43536038[source]

> basic typeahead

It isn’t perfect, but have you tried <datalist>?

Totally agree about tag pickers, I was bummed to see that Bootstrap didn’t have a tag selector component either.

replies(1): >>43536363 #
mlhpdx ◴[] No.43536363[source]

I have, and failed.

See >>40265782 →

replies(3): >>43537542 #>>43537676 #>>43538104 #
ricenews ◴[] No.43538104[source]

It may not be present in Apple’s official documentation but it has been supported since Safari 12.2.

See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/da... compatibility. The demo on that page works for me in current Safari on both iOS and Mac.

replies(2): >>43542241 #>>43560411 #
1. no_wizard ◴[] No.43542241[source]

Some examples seem to work better than others though. I’m on latest iOS and sometimes it will invoke the native date picker like you’d expect to see, sometimes it won’t, and the type ahead doesn’t seem to work consistently