Bug 258619

Summary: “Make text bigger” does not update the value of em in media queries
Product: WebKit Reporter: Šime Vidas <sime.vidas>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: ahmad.saleem792, jcraig, karlcow, koivisto, mmaxfield, simon.fraser, webkit-bug-importer
Priority: P2 Keywords: BrowserCompat, InRadar
Version: Safari 16   
Hardware: Mac (Intel)   
OS: macOS 13   
See Also: https://bugs.webkit.org/show_bug.cgi?id=41063
Attachments:
Description Flags
Test page none

Šime Vidas
Reported 2023-06-28 05:59:51 PDT
Created attachment 466843 [details] Test page Steps to reproduce: 1. Open the attached test page in desktop Safari. 2. Resize the window down and observe how both media queries, (max-width: 1000px) and (max-width: 62.5em), start matching once the width of the window becomes smaller than the width of the black bars. 3. Resize the window to its original position (more than 1000px width). 4. Press [command] [option] [+] to “Make text bigger”. 5. Observe how the second black bar (“62.5em wide”) is now wider than the first black bar (“1000px wide”). 6. Repeat step 2 and observe that both media queries start matching at 1000px (the width of the first bar). What should have happened: The media query (max-width: 62.5em) should start matching at the width of the second black bar (“62.5em wide”), but instead it starts matching at the width of the first black bar (“1000px wide”).
Attachments
Test page (1023 bytes, text/html)
2023-06-28 05:59 PDT, Šime Vidas 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2023-07-05 06:00:17 PDT
<rdar://problem/111781559>
Note You need to log in before you can comment on or make changes to this bug.