Bug 213348

Summary: <details> ignores box-sizing: inherit
Product: WebKit Reporter: Bouke <bouke>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: ahmad.saleem792, ap, bfulgham, bouke, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari 13   
Hardware: Mac   
OS: macOS 10.15   
Bug Depends on:    
Bug Blocks: 252223    

Description Bouke 2020-06-18 13:09:48 PDT
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.
Comment 1 Radar WebKit Bug Importer 2020-06-19 17:29:04 PDT
<rdar://problem/64550428>
Comment 2 Ahmad Saleem 2022-09-30 15:40:54 PDT
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!