Как бороться с альбомной ориентацией?

Question

[Денис Т]

Суть вопроса: в мобильной версии сайта некоторые элементы при повороте в альбомный режим должны скрываться. Реализовал это с помощью media запроса @media screen and (orientation:landscape) {}.
На странице есть форма обратной связи. При фокусировке на любом imput появляется клавиатура и она всё ломает. Мобильный браузер переопределяет ориентацию устройства на альбомную и media срабатывает. Я понимаю, что область просмотра при вызове клавиатуры действительно становится альбомной, но это не дело.
Подскажите, пожалуйста, как это победить.

Answer 1

[Ankhena]

Наверное, их надо скрывать не через media, а через JS с условиями соотношения сторон + инпут не в фокусе (или не открыта ли клавиатура, если это можно проверить)

Comments

[Денис Т]

надо еще варианты рассмотреть. я могу написать немного кода, но неужели надо городить самописные варианты для такой несложной задачи