DEV Community

HTML details is awesome

Fotis Papadogeorgopoulos on February 24, 2019

Originally posted on https://fotis.xyz/posts/details-is-awesome/ A while back, I read the slides and notes of a talk by Mu-An Chiou, titled "Detai...
Read full post
Collapse
 
link2twenty profile image
Andrew Bone •

The comment section on this site actually uses details too 😀

Collapse
 
isfotis profile image
Fotis Papadogeorgopoulos •

Oh, I didn't know that, that's cool!

There are a couple of things I noticed:

  • There is something weird with focus management; after toggling the section, it sends focus back to the body for some reason.
  • It also removes the text on toggle, which leaves the control without a label (dev.to/isfotis/html-details-is-awe...)

I might ping the dev.to staff to get some more context :)

Collapse
 
link2twenty profile image
Andrew Bone •

Feel free to raise an issue github.com/thepracticaldev/dev.to/...
They're quite responsive.

Collapse
 
szymonzakiewicz profile image
Szymon Żakiewicz •

Great read. Didn`t know it till now :) I have to give it try, thanks!

Collapse
 
isfotis profile image
Fotis Papadogeorgopoulos •

I'm glad you found it useful! The functionality it offers is great for enhancing UI, eager to see what you make of it.

Collapse
 
youssef_haidrar profile image
Youssef H. •

Thanks .. i didn’t know this until now ..

Collapse
 
therohitdas profile image
Rohit Das •

Thanks a lot for this awesome post, I am about to go for a design competition and this will be super helpful.