Email or username:

Password:

Forgot your password?
Bramus's posts Post Back to profile
Bramus

As of Chrome 131 you have more options to style `<details>` and `<summary>`.

You can now use the `display` property on these elements, and also use a `::details-content` pseudo-element to style the part that expands and collapses.

developer.chrome.com/blog/styl

20 November at 16:39 | Open on front-end.social
4 comments
Bramus

Hopefully other browsers will implement these changes as well soon too, because these additions have been long overdue. 😊

20 November at 16:41 | Open on front-end.social
westbrook

@bramus Am I the only one that can't get this URL to load via:

Version 132.0.6834.6 (Official Build) beta (arm64)
EDIT: starting loading, finally, right after I posted this 🤦‍♂️

------

Really cool stuff in all the other versions of Chrome I'm running right now, however!! 🥳

Can't wait for other browsers to pick this up. 🙏

20 November at 16:56 | Open on mastodon.social
Bramus

Oh look, the PR to add ::details-content to WebKit got merged just a few hours ago 🤩

github.com/WebKit/WebKit/pull/

21 November at 13:00 | Open on front-end.social
Joe Workman

@bramus While nowhere as fancy as your details demo, I did something clever with details that I have never seen before. I am building a file browser. It works surprisingly well. (codepen was my raw POC) codepen.io/joeworkman/pen/RwXd
22 November at 0:59 | Open on webdev.so
Go Up