<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<!DOCTYPE bugzilla SYSTEM "https://bugs.webkit.org/page.cgi?id=bugzilla.dtd">

<bugzilla version="5.0.4.1"
          urlbase="https://bugs.webkit.org/"
          
          maintainer="admin@webkit.org"
>

    <bug>
          <bug_id>213348</bug_id>
          
          <creation_ts>2020-06-18 13:09:48 -0700</creation_ts>
          <short_desc>&lt;details&gt; ignores box-sizing: inherit</short_desc>
          <delta_ts>2023-02-13 18:51:59 -0800</delta_ts>
          <reporter_accessible>1</reporter_accessible>
          <cclist_accessible>1</cclist_accessible>
          <classification_id>1</classification_id>
          <classification>Unclassified</classification>
          <product>WebKit</product>
          <component>CSS</component>
          <version>Safari 13</version>
          <rep_platform>Mac</rep_platform>
          <op_sys>macOS 10.15</op_sys>
          <bug_status>NEW</bug_status>
          <resolution></resolution>
          
          
          <bug_file_loc></bug_file_loc>
          <status_whiteboard></status_whiteboard>
          <keywords>InRadar</keywords>
          <priority>P2</priority>
          <bug_severity>Normal</bug_severity>
          <target_milestone>---</target_milestone>
          
          <blocked>252223</blocked>
          <everconfirmed>1</everconfirmed>
          <reporter name="Bouke">bouke</reporter>
          <assigned_to name="Nobody">webkit-unassigned</assigned_to>
          <cc>ahmad.saleem792</cc>
    
    <cc>ap</cc>
    
    <cc>bfulgham</cc>
    
    <cc>bouke</cc>
    
    <cc>simon.fraser</cc>
    
    <cc>webkit-bug-importer</cc>
    
    <cc>zalan</cc>
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>1663969</commentid>
    <comment_count>0</comment_count>
    <who name="Bouke">bouke</who>
    <bug_when>2020-06-18 13:09:48 -0700</bug_when>
    <thetext>Given this CSS:

body { box-sizing: border-box }
* { box-sizing: inherit }

And given the following CSS:

&lt;details&gt;
  &lt;summary&gt;System Information&lt;/summary&gt;
  &lt;p&gt;macOS&lt;/p&gt;
&lt;/details&gt;

Expected behaviour:
The expected box-sizing of the &lt;summary&gt; and &lt;p&gt; elements is border-box.

Actual behaviour:
The box-sizing property is content-box for both.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1664644</commentid>
    <comment_count>1</comment_count>
    <who name="Radar WebKit Bug Importer">webkit-bug-importer</who>
    <bug_when>2020-06-19 17:29:04 -0700</bug_when>
    <thetext>&lt;rdar://problem/64550428&gt;</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1902501</commentid>
    <comment_count>2</comment_count>
    <who name="Ahmad Saleem">ahmad.saleem792</who>
    <bug_when>2022-09-30 15:40:54 -0700</bug_when>
    <thetext>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 &quot;content-box&quot; 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!</thetext>
  </long_desc>
      
      

    </bug>

</bugzilla>