Ancestors

Written by Luke on 2025-01-27 at 12:44

Are there any existing UI related features (CSS, JS or HTML) that aren't available cross-browser (either not implemented or buggy) that you wish were? If so can you say which and explain the use cases?

Specifically looking at existing things rather than new things you want (though feel free to share those too).

E.g. focus({focusVisible}) or hidden=until-found

=> More informations about this toot | More toots from Lukew@toot.wales

Written by Phil Picton 💀 on 2025-01-27 at 13:54

@Lukew Since you asked, I really wish that native html form elements (eg selects, date pickers) could have basic styles applied to them so that they would look and work consistently across browsers. Safari's date picker puts the current time as a placeholder in a date picker without any context. Then applies a horrible blue colour for the digits. Selects have a weird 90s style gradient. Styling the inputs to look consistent with the rest of our UI (and ensuring that the UI has sufficient contrast for accessibility) requires ugly safari hacks.

=> View attached media | View attached media

=> More informations about this toot | More toots from philpicton@hachyderm.io

Written by Luke on 2025-01-27 at 13:57

@philpicton good news on the select front, Chrome has an intent to ship out for customisable select! This has been a long time in the making and has had active discussion in OpenUI CG and both the whatwg and the csswg, so I'm hopeful we've got cross browser consensus and the others will fast follow with an implementation.

=> More informations about this toot | More toots from Lukew@toot.wales

Written by Phil Picton 💀 on 2025-01-27 at 14:03

@Lukew that is good news! tho we'll still need to support "old" safari as well. 😭

=> More informations about this toot | More toots from philpicton@hachyderm.io

Toot

Written by Luke on 2025-01-27 at 14:05

@philpicton ultimately I think the graceful degradation for older browsers could just be default browser styling. That's one of the nice parts about the design, because it's a CSS opt-in and using the same element you have a progressive enhancement story.

=> More informations about this toot | More toots from Lukew@toot.wales

Descendants

Written by Luke on 2025-01-27 at 14:27

@philpicton as for styling of other form controls it's definitely on the to-do list and hopefully once customisable select is finished we can move attention elsewhere. Lots of the challenges we solve with select (such as the opt-in) we can apply elsewhere, which should help speed things up. Input not allowing children does present issues but I'm sure we'll work something out.

=> More informations about this toot | More toots from Lukew@toot.wales