I only bothered to check `details`, but that one dates back to at least the 2008 working draft of the HTML5 spec, which makes it ~14 years old - not absolutely ancient, but far from recent!
But IE and EdgeHTML-based Edge never supported <details>, so you had to polyfill it somewhat imperfectly. So one of the major browsers only gained support for it in 2020.
This was a significant dissuader, especially when you consider how you can’t transition the height (very often desirable) without added JavaScript. So <details> has really only been seeing much use in the last few years.
(The minimum possible polyfill is just under 750 bytes, supporting IE9+/Edge, requiring <summary> to be provided, and disallowing text children of <details>. The typical polyfill was more like 2–3KB.)
chrismorgan|3 years ago
This was a significant dissuader, especially when you consider how you can’t transition the height (very often desirable) without added JavaScript. So <details> has really only been seeing much use in the last few years.
(The minimum possible polyfill is just under 750 bytes, supporting IE9+/Edge, requiring <summary> to be provided, and disallowing text children of <details>. The typical polyfill was more like 2–3KB.)