Как сделать прокрутку в выпадающем списке?

Question

[jazzus]

Bootstrap Vue Выпадающий список select. Как сделать так, чтобы появлялся скроллинг. Прокрутка. Как в word справа. Серая полоска. Если строк больше 5? Прямо в выпадающием списке. Такое на сайтах везде, все видели. Щелкнул, у тебя вывалилось небольшое bootstrap окошо, где видно только 5 элементов и которые можно прокручивать с помощью полоски или мышкой, как любое окно.

Пример списка

<div class="col-md-3">
      <select v-model="filter.year_from" class="form-control" name="year_from">
        <option v-for="year in ascYears" v-bind:key="year.id" v-bind:value="year.name">{{year.name}}</option>
      </select>
    </div>

Comments

[Дмитрий Чайников]

Задайте высоту контейнера со списком, например height: 300px; и если список длиннее этой высоты, то появится полоса прокрутки.

Answer 1

[Алексей Ярков]

У тега select есть прокрутка от природы ))

Comments

[jazzus]

size превращает выпадающий список в просто список

[Алексей Ярков]

jazzus, я в курсе, но в примере кода нет size

[Алексей Ярков]

jazzus, https://jsfiddle.net/yarkov_aleksei/far3d2p5/

Скролл есть

[jazzus]

Алексей Ярков, выпадающего списка нет

[jazzus]

Алексей Ярков, имитация устройств на хроме показала, что прокрутка есть сама по себе.. а я думал о чем вы))