Re: [csswg-drafts] [css-media-queries] Orientation does not respect soft keyboard on mobile devices (#3587)

Keep in mind we have which already covers a `device-orientation`. Simply `min-device-aspect-ratio: 1/1` for landscape & `max-device-aspect-ratio: 1/1` for portrait. Or if you don't want the "square" cutoff, use any ratio you find better fits your interface. The `orientation` MQ is just a shorthand for the fuller `aspect-ratio` MQ.

@quasicomputational I think your question is exactly what the OP is concerned about. Touch implementations of `orientation` often already change when soft keyboards open/close.

This is sadly a place where media queries cross with the compat around visual and layout viewport. Sometimes I want an MQ that matches the application of soft keyboards, sometimes I don't. Embedded browser projects, like cordova even have work arounds for this lack.


And on top of visual and layout viewport issues, the `device` MQ doesn't nail it when we have iOS Split View and general multitasking interfaces where viewports don't match the devices dimensions anyway. 

GitHub Notification of comment by jonjohnjohnson
Please view or discuss this issue at using your GitHub account

Received on Saturday, 2 February 2019 17:01:16 UTC