Как обуздать ширину слайдера во FLEX боксе?

Question

[Cheizer]

Подскажите пожалуйста, как решить проблему, возникла на ровном месте, есть два блока во flex контейнере.
В левом меню в правом слайдер. Но слайдер рвет ширину блока почему-то :( а не должен.

Можно родителю правого блока со слайдером добавить стиль overflow:hidden; но это не вариант, overflow не подходит из за того что ниже идет контент, у которого есть тени которые выходят за края блока родителя.

Можно еще добавить слайдеру максимальную ширину, но это тоже не вариант, макет адаптивный, и ширина становиться больше в определенный момент.

Почему слайдер рвет ширину, и как это исправить без жесткого ограничения ширины и overflow hidden у родителя?

Answer 1

[h4mpy]

min-width: 0 для .group

Comments

[Cheizer]

БЛАГОДАРЮ! :)) почему так? Почему такой параметр минимальной ширины да еще в 0 решает это? Я бы никогда не догадался бы даже это так решить.

[h4mpy]

по умолчанию для flex элементов устанавливается min-width: auto и элемент растягивается по контенту
подробнее, например, тут https://habr.com/ru/post/329820/ - 2 пункт

[Cheizer]

h4mpy, благодарю, запомню теперь точно!