You don't need JavaScript for that - HTMHell

I used to be html and css-first, and to some degree I still am, but the advantages of SPA, lazy load, hot reload, and automatic state management and Dom rendering of a JS based framework are just too awesome to forego for the sake of staying native.

I know about HTMX but it's not really JS-less. It just creates the illusion that no JS is written. It still gets implemented in the browser with JS.

Not a fan of datalist:

• Barely works in Firefox (need to click again after initial focus);
• Doesn't work at all in Firefox mobile (if there is some magic to show the options, I don't know what is);
• In Chromium and Safari mobile (tested through appetize.io), I don't like how similar it is to a select:

Somewhat liked Chrome's implementation in Android:

I'm fond of the site motif

`` is hellishly annoying. It actively requires JavaScript even for simple cases where the behaviour is blatantly obvious.

I ended up using <details> with some fairly primitive css to get a truly JavaScript-less dialogues instead. Granted, I had to carefully trim the requirements to be able to fit into the capabilities of the element.

Do mind that details element doesn’t play well with display: contents in chromium engine. Especially noticeable with grid layouts.</details>