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

Toot

Written by westbrook on 2025-01-27 at 13:26

@Lukew Import Attributes at large may not be a UI related feature, but in that they unlock with { type: 'css' } a feature that both #Mozilla and #WebKit have outlined that they are open to shipping, I'd say that was a BIG ONE that could serve so many use cases.

import style from './styles.css' with { type: 'css' };

With this a UI component that benefits from JS (read the majority of non-trivial patterns) can also deliver any CSS that it needs right inline with its usage.

=> More informations about this toot | More toots from westbrook@mastodon.social

Descendants

Written by westbrook on 2025-01-27 at 13:30

@Lukew Wider implementation of this would open the door to more expansive and nuanced conversation around the @sheet marker in CSS. This allows multiple sheets to be "bundled" within a single CSS file. This feature will benefit not just from wider conversation at the browser level but a combined effort between browser and tooling implementors as it will mark a new level of CSS componentization that will unlock hitherto unthought of use cases in the UI.

=> More informations about this toot | More toots from westbrook@mastodon.social