Bug 247164

Summary: deactivating the writing-mode in CSS do not change the layout
Product: WebKit Reporter: Karl Dubost <karlcow>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: bfulgham, simon.fraser, zalan
Priority: P2 Keywords: BrowserCompat
Version: Safari Technology Preview   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
vertical layout test case. none

Karl Dubost
Reported 2022-10-27 20:27:41 PDT
Created attachment 463289 [details] vertical layout test case. 1. Open the document vertical-layout.html (attached) ``` <!DOCTYPE html> <html lang="en" style="writing-mode: vertical-rl;"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Testing vertical layout in Web Inspector</title> </head> <body> <p>This is a vertical text.</p> </body> </html> ``` 2. Open Web Inspector, go to the console and type: document.querySelector('html').style.writingMode = '' Expected: The layout change back to a default writing mode, horizontal-lr Actual: The layout doesn'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?
Attachments
vertical layout test case. (361 bytes, text/html)
2022-10-27 20:27 PDT, Karl Dubost 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Karl Dubost
Comment 1 2022-10-27 20:32:06 PDT
Found this while testing Bug 247113
Karl Dubost
Comment 2 2022-10-27 20:33:44 PDT
I can reproduce on Version 16.4 (18615.1.8.1)
Karl Dubost
Comment 3 2022-10-27 20:36:46 PDT
*** This bug has been marked as a duplicate of bug 185729 ***
Note You need to log in before you can comment on or make changes to this bug.