Bug 258619 - “Make text bigger” does not update the value of em in media queries
Summary: “Make text bigger” does not update the value of em in media queries
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 16
Hardware: Mac (Intel) macOS 13
: P2 Normal
Assignee: Nobody
URL:
Keywords: BrowserCompat, InRadar
Depends on:
Blocks:
 
Reported: 2023-06-28 05:59 PDT by Šime Vidas
Modified: 2023-07-26 17:31 PDT (History)
7 users (show)

See Also:


Attachments
Test page (1023 bytes, text/html)
2023-06-28 05:59 PDT, Šime Vidas
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Šime Vidas 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”).
Comment 1 Radar WebKit Bug Importer 2023-07-05 06:00:17 PDT
<rdar://problem/111781559>