search

mozilla-mobile / focus-ios

⚠️ Firefox Focus (iOS) has moved to a new repository. It is now developed and maintained as part of: https://github.com/mozilla-mobile/firefox-ios
Mozilla Public License 2.0
1.26k stars 262 forks source link

CSS @media viewport width landscape incorrect #1768

Open dVVIIb opened 3 years ago

dVVIIb commented 3 years ago

iPhone XS, 11 Pro, possibly others. Firefox Daylight 33.1 (4629), Firefox Focus 8.1.7

The CSS rule @media (min-width: 89.35vw) { body { background: red } } isn't applied on landscape orientation, but is applied on portrait orientation.

The CSS rule @media (min-width: 89.34vw) { body { background: red } } is applied normally.

This discrepancy is not present in Safari.

Essentially, there is a discrepancy in detected vw unit size vs width, in landscape orientation.

I haven't tested, but similar issue might be applicable for vh units and height in portrait orientation (unsure).

┆Issue is synchronized with this Jira Task

st3fan commented 3 years ago

I think this may be related to #1784