Details tag not well supported for article layout

[dragonstyle]

Discussed in #3813

^{Originally posted by howardm December 31, 2022}
Hi,

I'm trying to use the following functionality in a particular portion of a web page:

<details><summary>Content to be revealed</summary>

Content that is revealed.

</details>

It works, but this screenshot shows the placement of it (truncated) in the left margin

---

---

Is the fact that the code precedes content that includes a ::: {.panel-tabset .column-page} section the cause ?

This problem with the code doesn't occur elsewhere in the document.

Howard

[dragonstyle]

I've done additional research and it appears that the details element works largely by manipulating the display property to control the visibility of contents. As a result, when visible, the display property of the contents are coerced to being block, from what I understand. As a result, a grid can't be applied in the details element, which defeats our implementation for article layout.

I'm going to leave this issue open and future target it since I can't see a way to make this work right now.