| Summary: | deactivating the writing-mode in CSS do not change the layout | ||||||
|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | Karl Dubost <karlcow> | ||||
| Component: | Layout and Rendering | Assignee: | 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: |
|
||||||
Found this while testing Bug 247113 I can reproduce on Version 16.4 (18615.1.8.1) *** This bug has been marked as a duplicate of bug 185729 *** |
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?