[Webkit-unassigned] [Bug 253508] New: CSS writing-mode does not reset correctly when overridden in media queries

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=253508

            Bug ID: 253508
           Summary: CSS writing-mode does not reset correctly when
                    overridden in media queries
           Product: WebKit
           Version: Safari 16
          Hardware: Mac (Intel)
                OS: macOS 13
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: webkit at nospam.alerante.net

Created attachment 465338

  --> https://bugs.webkit.org/attachment.cgi?id=465338&action=review

Minimal example

Steps to reproduce with the example attachment:

1. Make the viewport wider than it is tall, so the text is vertical.
2. Now make the viewport taller than it is wide, so the aspect ratio media query no longer matches.

The text should return to being horizontal, since that is the built-in default style, but instead remains vertical, with the additional problem of the CJK characters now being sideways. This incorrect rendering stays no matter how the viewport is resized.

Explicitly setting `writing-mode: horizontal-tb` outside the media query gives the expected behavior and is a simple workaround.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20230307/a5ec0ffa/attachment.htm>