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.
<rdar://problem/64550428>
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!