Bug 213348 – <details> ignores box-sizing: inherit

• Status: NEW
• Component: CSS

[Bouke]

Given this CSS:

body { box-sizing: border-box }
* { box-sizing: inherit }

And given the following CSS:

<details>
  <summary>System Information</summary>
  <p>macOS</p>
</details>

Expected behaviour:
The expected box-sizing of the <summary> and <p> elements is border-box.

Actual behaviour:
The box-sizing property is content-box for both.

[Radar WebKit Bug Importer]

<rdar://problem/64550428>

[Ahmad Saleem]

I changed the test case into following JSFiddle (just added HTML part in body tag):

Link - https://jsfiddle.net/h1k9f8sq/

In above, if I use inspector to see result of both, the computed value is "content-box" for both in Safari 16 but it is same case in Chrome Canary 108.

Am I testing it wrong or this has changed? Appreciate if someone can comment. Thanks!