This looks a little janky on Firefox compared to your video. Is there specific features that are missing causing this? Content doesn't seem contained like in the video.

I've always been partial to the arrows on the right hand side. This looks great though!

This is awesome! Love how the animation really enhances the UX, it makes it so clear to the user what just happened when they open the `<details>` element. Smooth and smart!

This is great! I love the animations. Details & Summary are turning out to be quite versatile. I managed to make a tab interface a few days ago. codepen.io/kdankov/pen/...

Hmm. I am fully, entirely in agreement with you that details don’t have to look terrible, and this is cool in concept. But… iOS Safari doesn’t like it. It’s not pretty. (Also, scroll is broken, but that might be codepen’s fault.) Maybe this is more “add a workaround for iOS” stuff, as usual.

OK, but that's eleventy one, that has to count for something.

chome-only.

I love styled <details><summary> elements and use them quite heavily in production. In this pen, click on the 'Accordion Examples Dialog' button to see them styled 2 different ways, one with a 'treeview' caret on the left and another with an open caret on the right. codepen.io/dqmeek/pen/z...

Really swish - do you think the caret disappearing on mobile might be a bit of a usability issue? I’m always hesitant to do too much with hover events because I’m afraid I might break the mobile experience.

OOO this is nice! Also how did you embed the bsky comments like that? Its awesome ????