lavezzi1
@lavezzi1

Блок выходит за пределы родителя, что не так?

Здравствуйте. Есть меню селекта, внутри идет список элемента данного селекта. Проблема на скриншоте. Компонент item выпирает за пределы родительского блока и не трункейтится должным образом, должны быть точки в конце. Проблема вроде как решает если убрать display: flex с .select-option, но он по реализации там нужен.

5c1b26ad9eef7836214183.png

https://jsfiddle.net/09rb8vhy/

Как исправить?
  • Вопрос задан
  • 143 просмотра
Решения вопроса 2
PavelMonro
@PavelMonro
.select-option {
overflow:hidden;
}
.item {  box-sizing:border-box;
  width:auto;
  max-width:100%;
}
Ответ написан
TommyV888
@TommyV888
-
Укажите ограничения длины для текста и для select-option:
.select-option {
   overflow:hidden;
}

Вот тут пример
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
Blogman Оренбург
от 20 000 до 60 000 руб.
от 56 000 до 56 000 руб.
Sveak Барнаул
от 50 000 руб.
18 янв. 2019, в 21:37
1500 руб./за проект
18 янв. 2019, в 19:30
150000 руб./за проект
18 янв. 2019, в 18:43
1000 руб./в час