Делаю popup для расширения в firefox. Хочу что бы окно растягивалось при необходимости, поэтому размеров у блоков не указываю. При overflow: auto
, когда появляется скролл, он перекрывает контент, а popup не увеличивается, хотя лимита ширины он не достиг. При overflow: scroll
всё ок, popup жадный и вместо создания скроллов - увеличивается в размерах, но визуально некрасиво. Как достичь такого поведения без overflow: scroll
?
задаёшь окну к примеру
max-width: 1000px
width: 100%
(если место есть, окно будет шириной максимальной ширины 1000px, если размер окна меньше - будет сужаться)
если контента много, а ты не хочешь увеличивать размер модалки, добавляй оверфлоу авто для нужной оси.)
чтобы скроллбар не перекрывал контект - задай паддинги для модалки (вообще в принципе задай их)
если ты хочешь сделать так, чтобы окно по высоте не менялось. задай конкретно высоту в пикселях для height. и так же оверфлоу (я не знаю какой тебе нужен скролл, горизонтальный или вертикальный). Если контента будет много, то он не будет менять высоту модалки, так как есть оверфлоу. вообще ты хотя бы в песочнику бы залил что тебе надо или более подробно описал вопрос, ничего не понятно