Почему на срабатывает overflow-x?

Question

[mishapsv]

Есть страница minskgo.by.
Там блок фильтра нужно сделать со скроллом, когда нажимаем на категории и открываются теги.
Делаю:
для .filter добавляю

height: 100vh;
    overflow-y: hidden;
    overflow-x: visible;

для .filter__inner

height: calc(100% - 80px);
    overflow-y: auto;
    overflow-x: visible;

Вертикально скролл есть и все ок.
Но он появляется и горизонтально, хотя я это не указываю.
Можно как-то это решить?

Comments

[Александр Лысенко]

По логике вам нужен вертикальный скролл, а вы его скрываете и показываете наоборот, горизонтальный.

[Александр Лысенко]

Вам бы в целом пересмотреть верстку этого элемента, так как скролл добавить не проблема, если изменить позиционирование у элементов. Либо смотрите в сторону скрипта.

[mishapsv]

AlexanderZe я в вопросе написал, что скролл добавить не проблема и описал как(позиционирование то зачем менять?). Задача была убрать при этом горизонтальный скролл. Задачу решил. Скрипты для такой мелочи явно лишние.

[Александр Лысенко]

mishapsv: у вас не правильно реализовано позиционирование, особенно с учетом flex. Как только исправляешь это и назначаешь

overflow-y: auto;
overflow-x: hidden;

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

Answer 1

[mishapsv]

Решил: убрал боковые паддинги у .filter и добавил их к .filter__inner