Оправдано ли использование модальных диалогов в мобильной представлении web-страницы (адаптивном дизайне)?
Сразу скажу, что рассматривается адаптивный дизайн, поэтому код будет один: для дескотопов и для мобильных, так что вариантов три:
1. Сделать модальный диалог на каком-либо js-фреймворке и оставить адаптивную верстку ему;
2. Сделать js-wrapper для определения «на лету» размеров окна и соответственно запуска модального диалога или отображения в теле документа на всю страницу;
3. Отказаться от модального диалога и сделать в обоих вариантах через подмену (tabbing) тела документа — т.е. отображать на всю страницу.
Я использую модальные диалоги
Bootstrap Modals, а они плохо себя ведут на малых экранах, если контент в диалогах не влезает на экран или требуется клавиатура для ввода. Поэтому склоняюсь к третьему пункту вообще.
Какое мнение у вас?
