| Summary: | <details> ignores box-sizing: inherit | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Bouke <bouke> |
| Component: | CSS | Assignee: | 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 | ||
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! |
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.