Bug 213348
| 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 | ||
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.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
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!