Update: See https://github.com/muan/details-on-details instead.

---

I did a talk at Brooklyn JS called Details on <details> on 2018/07/19. I have way more details prepared than the ones that fit in the slides, so here's the real details on <details>. ❤️

– @muan

Spec

• HTML Living Standard
• HTML 5.1
• MDN

Pratical things

• Can I use
• Polyfill (for Edge/IE)
• Overlay utility from Primer CSS
• Reset utility from Primer CSS

Things that are nice to know

• Edge <details> feature tracking (please vote ⭐)
• Safari bug with <details> when used with rem (please subscribe and bug them)
• How to style/reset <summary> cross browsers?
• Should interactive elements inside of <summary> be banned?
• Shouldn't/Why doesn't toggle event bubble?
• Should we make <summary> unselectable?

GitHub's <details> dependent Custom Elements

• <details-dialog>
• <details-menu>

Fun facts

• How it went from <legend> to <dt/dd> to <summary>
• That time <details> almost(?) got removed
• Why semantic elements & built in accessibility is important