4 ms·

I'm very excited for Data Lists. Finally, this type of UI component will not need to be implemented from scratch. The standard select list works, but it's much

I'm very excited for Data Lists. Finally, this type of UI component will not need to be implemented from scratch. The standard select list works, but it's much better to have a select list where one can type and filter by typing. It becomes very hard to choose from a select list when the list becomes large.

warpech 8y ago
8 years after it was implemented in Firefox and 7 years after IE and Chrome. It is far from a new thing, but it is great to see Safari catching up with the web standards.
- pier25 8y ago
  I have a better one. In Safari for iOS you can't set the height of an iframe. This has been available since the <iframe> tag was first introduced in IE4 I believe. https://stackoverflow.com/questions/23083462/how-to-get-an-iframe-to-be-responsive-in-ios-safari/ https://stackoverflow.com/questions/23083462/how-to-get-an-i... There are a number of hacks to remediate this such as using a div with overflow scroll which encapsulates the iframe, or using an absolute positioned wrapper on the contents of the iframe.
- realusername 8y ago
  Everything is like this with Safari, the IntersectionObserver was implemented 2 years ago in Firefox, the input color was implemented 5 years ago. Safari is always lagging far behind, and that's just the list of technology here, it's difficult to list all the nonsense tricks you have to do to make your website specifically work on Safari when it works on just about everything else by default. Personally I spend about the same time on Safari support as IE11 support. Has Apple gave up on Safari?
wodenokoto 8y ago
you can type in select lists, but it search from the beginning of each select-string (no "17" to get to "2017") and if you type too slow you reset your search query.
scrollaway 8y ago
I tried to implement a search suggestion system with a datalist a few weeks ago only to find out that it was not stylable, there were zero events I could catch to find out an option was clicked/chosen, and there is no identifier possible for choices (so a display string is the value, no ID possible = impossible to localize or use for non-human-input values) Most shamefully lacking api on the web.
MaysonL 8y ago
In Mac 12.1.1 the data-list seems to work that way, (based on the example in this article), but the color picker seems busted (the color remains the same default, no matter what is chosen interactively).

warpech 8y ago

8 years after it was implemented in Firefox and 7 years after IE and Chrome. It is far from a new thing, but it is great to see Safari catching up with the web standards.

pier25 8y ago
I have a better one. In Safari for iOS you can't set the height of an iframe. This has been available since the <iframe> tag was first introduced in IE4 I believe. https://stackoverflow.com/questions/23083462/how-to-get-an-iframe-to-be-responsive-in-ios-safari/ https://stackoverflow.com/questions/23083462/how-to-get-an-i... There are a number of hacks to remediate this such as using a div with overflow scroll which encapsulates the iframe, or using an absolute positioned wrapper on the contents of the iframe.
realusername 8y ago
Everything is like this with Safari, the IntersectionObserver was implemented 2 years ago in Firefox, the input color was implemented 5 years ago. Safari is always lagging far behind, and that's just the list of technology here, it's difficult to list all the nonsense tricks you have to do to make your website specifically work on Safari when it works on just about everything else by default. Personally I spend about the same time on Safari support as IE11 support. Has Apple gave up on Safari?

wodenokoto 8y ago

you can type in select lists, but it search from the beginning of each select-string (no "17" to get to "2017") and if you type too slow you reset your search query.

scrollaway 8y ago

I tried to implement a search suggestion system with a datalist a few weeks ago only to find out that it was not stylable, there were zero events I could catch to find out an option was clicked/chosen, and there is no identifier possible for choices (so a display string is the value, no ID possible = impossible to localize or use for non-human-input values) Most shamefully lacking api on the web.

MaysonL 8y ago

In Mac 12.1.1 the data-list seems to work that way, (based on the example in this article), but the color picker seems busted (the color remains the same default, no matter what is chosen interactively).