Bug 213348 - <details> ignores box-sizing: inherit
Summary: <details> ignores box-sizing: inherit
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 13
Hardware: Mac macOS 10.15
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks: 252223
  Show dependency treegraph
 
Reported: 2020-06-18 13:09 PDT by Bouke
Modified: 2023-02-13 18:51 PST (History)
7 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
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!