Forum How do I...?

<details> not yet supported?

yyang
Hi, with the following code snippet, the border of <details> is incorrectly converted. Is <details> currently supported? Thanks.
<style>
details {
    border: 1px solid silver;
    border-radius: 2px;
    padding: 0.5rem;
}
details[open] summary {
    border-bottom: 1px solid silver;
}
</style>

<details open>
<summary>1 + 1 = ?</summary>

2...

or 3?
</details>

  1. screenshot.png33.6 kB
mikeday
The HTML details element is not supported yet, I assume that at a minimum it would require adding this to the default style sheet:
details { display: block }
yyang
Thanks for your reply! Adding "display: block" to both <details> and <summary> provides an good result.