lavezzi1
@lavezzi1

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

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

5c1b26ad9eef7836214183.png

https://jsfiddle.net/09rb8vhy/

Как исправить?
  • Вопрос задан
  • 207 просмотров
Решения вопроса 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;
}

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

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

Войти через центр авторизации
Похожие вопросы