Bug 258619 – “Make text bigger” does not update the value of em in media queries

• Status: NEW
• Component: CSS

[Šime Vidas]

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”).

[Radar WebKit Bug Importer]

<rdar://problem/111781559>