<?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>247164</bug_id>
          
          <creation_ts>2022-10-27 20:27:41 -0700</creation_ts>
          <short_desc>deactivating the writing-mode in CSS do not change the layout</short_desc>
          <delta_ts>2022-10-27 20:36:46 -0700</delta_ts>
          <reporter_accessible>1</reporter_accessible>
          <cclist_accessible>1</cclist_accessible>
          <classification_id>1</classification_id>
          <classification>Unclassified</classification>
          <product>WebKit</product>
          <component>Layout and Rendering</component>
          <version>Safari Technology Preview</version>
          <rep_platform>Unspecified</rep_platform>
          <op_sys>Unspecified</op_sys>
          <bug_status>RESOLVED</bug_status>
          <resolution>DUPLICATE</resolution>
          <dup_id>185729</dup_id>
          
          <bug_file_loc></bug_file_loc>
          <status_whiteboard></status_whiteboard>
          <keywords>BrowserCompat</keywords>
          <priority>P2</priority>
          <bug_severity>Normal</bug_severity>
          <target_milestone>---</target_milestone>
          
          
          <everconfirmed>1</everconfirmed>
          <reporter name="Karl Dubost">karlcow</reporter>
          <assigned_to name="Nobody">webkit-unassigned</assigned_to>
          <cc>bfulgham</cc>
    
    <cc>simon.fraser</cc>
    
    <cc>zalan</cc>
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>1908901</commentid>
    <comment_count>0</comment_count>
      <attachid>463289</attachid>
    <who name="Karl Dubost">karlcow</who>
    <bug_when>2022-10-27 20:27:41 -0700</bug_when>
    <thetext>Created attachment 463289
vertical layout test case.

1. Open the document vertical-layout.html (attached)
```
&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot; style=&quot;writing-mode: vertical-rl;&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;title&gt;Testing vertical layout in Web Inspector&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;p&gt;This is a vertical text.&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;
```

2. Open Web Inspector, go to the console and type:
   document.querySelector(&apos;html&apos;).style.writingMode = &apos;&apos;

Expected:
The layout change back to a default writing mode, horizontal-lr

Actual:
The layout doesn&apos;t change.

Tested in 
Safari Technology Preview  16.4          18615.1.10
Firefox Nightly            108.0a1       10822.10.27
Google Chrome Canary       109.0.5385.0  5385.0


both Firefox and Chrome change the layout.


It is possible to test it through Web Inspector, Elements tab, and deactivating the writing-mode in the style editor.


Layout is not being reset?</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1908902</commentid>
    <comment_count>1</comment_count>
    <who name="Karl Dubost">karlcow</who>
    <bug_when>2022-10-27 20:32:06 -0700</bug_when>
    <thetext>Found this while testing Bug 247113</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1908903</commentid>
    <comment_count>2</comment_count>
    <who name="Karl Dubost">karlcow</who>
    <bug_when>2022-10-27 20:33:44 -0700</bug_when>
    <thetext>I can reproduce on Version 16.4 (18615.1.8.1)</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1908904</commentid>
    <comment_count>3</comment_count>
    <who name="Karl Dubost">karlcow</who>
    <bug_when>2022-10-27 20:36:46 -0700</bug_when>
    <thetext>

*** This bug has been marked as a duplicate of bug 185729 ***</thetext>
  </long_desc>
      
          <attachment
              isobsolete="0"
              ispatch="0"
              isprivate="0"
          >
            <attachid>463289</attachid>
            <date>2022-10-27 20:27:41 -0700</date>
            <delta_ts>2022-10-27 20:27:41 -0700</delta_ts>
            <desc>vertical layout test case.</desc>
            <filename>vertical-layout.html</filename>
            <type>text/html</type>
            <size>361</size>
            <attacher name="Karl Dubost">karlcow</attacher>
            
              <data encoding="base64">PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIiBzdHlsZT0id3JpdGluZy1tb2RlOiB2ZXJ0
aWNhbC1ybDsiPgo8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04Ij4KICAgIDxtZXRhIGh0
dHAtZXF1aXY9IlgtVUEtQ29tcGF0aWJsZSIgY29udGVudD0iSUU9ZWRnZSI+CiAgICA8bWV0YSBu
YW1lPSJ2aWV3cG9ydCIgY29udGVudD0id2lkdGg9ZGV2aWNlLXdpZHRoLCBpbml0aWFsLXNjYWxl
PTEuMCI+CiAgICA8dGl0bGU+VGVzdGluZyB2ZXJ0aWNhbCBsYXlvdXQgaW4gV2ViIEluc3BlY3Rv
cjwvdGl0bGU+CjwvaGVhZD4KPGJvZHk+CiAgICA8cD5UaGlzIGlzIGEgdmVydGljYWwgdGV4dC48
L3A+CjwvYm9keT4KPC9odG1sPg==
</data>

          </attachment>
      

    </bug>

</bugzilla>