1

Пытаюсь сделать выбор полей с помощью библиотеки chosen. Но проблема в том, что когда выбираешь большие элементы, эта планка расширяется вверх, нарушая все стили. Никак не могу найти, как правильно ее ограничить? Чтобы ее размер увеличивался только вниз. Вот код: JSFiddle code . Пытался вставить его сюда, но встроенный редактор не захотел работать с внешними билиотеками, по крайне мере у меня вылазили ошибки. Также пока никак не пойму, почему она смещается вниз относительно остальных блоков? Надеюсь на вашу помощь.

4
  • Оберни select в отдельную обертку
    – Air
    7 фев 2018 в 21:51
  • @Air, я думал это сделать через div, но или я неправильно сделал, или этот блок просто налез на textarea
    – NTP
    7 фев 2018 в 21:57
  • Спасибо за оценку... ))
    – Air
    8 фев 2018 в 8:27
  • @Air, спасибо за помощь
    – NTP
    8 фев 2018 в 8:30

1 ответ 1

2

#wrapTextarea {
  position: relative;
  top: 10px;
  height: 300px;
  width: 300px
}

#wrapSelect {
  position: relative;
  top: 10px;
  height: 300px;
  width: 300px
}

select {
  position: absolute;
  top: 10px;
}

textarea {
  width: 100px;
  position: absolute;
  top: 10px;
}
<div id="wrapTextarea">
  <textarea>
</textarea>
</div>
<div id="wrapSelect">
  <select class="chosen" multiple="true" style="height: 34px; width: 280px">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</option>
  <option>ATI/AMD</option>
  <option>NVIDIA</option>
  <option>ATI/AMD</option>
  <option>NVIDIA</option>
</select>
</div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.