[Webkit-unassigned] [Bug 159635] em-based media queries in <source> are relative to <html> instead of browser default font

Mon Nov 1 06:43:11 PDT 2021

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

Jelmer de Maat <post at jelmerdemaat.nl> changed:

           What    |Removed                     |Added
----------------------------------------------------------------------------
                 CC|                            |post at jelmerdemaat.nl

--- Comment #8 from Jelmer de Maat <post at jelmerdemaat.nl> ---
We also experience this bug.

Tested on: iOS 11, 14 and 15. This is still an ongoing issue in all of these versions.

See a demonstration of this issue here (use an iPad): 

https://cdpn.io/jelmerdemaat/debug/qBXPLyv/dGrXWjopoLmM

The spec mentioned earlier ("Relative units in media queries are based on the initial value, which means that units are never based on results of declarations") is not followed. 

When applying a custom font-size to the html element, the outcome of the media query inside <source> elements changes. This is not expected behaviour. It seems like the computed screen width is incorrect.

Other browsers (Chrome, Firefox, Edge) correctly adhere to the font-size defined in the browser, ignoring   any declarations.

Best regards,
Jelmer

-- 
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/20211101/7d9de9f4/attachment-0001.htm>