, поэтому у меня есть следующий мод загрузки:
</template>
<div>
<b-modal v-model="show_modal">
<p>blah blah blah blah blah</p>
<div id="entity-list">
<div>item 1</div>
<div>item 2</div>
<div>item 3</div>
<div>item 4</div>
<div>item 5</div>
<div>item 6</div>
<div>item 7</div>
</div>
</b-modal>
<b-button type="button" variant="primary" @click="show_modal= !show_modal">Toggle Modal</b-button>
</div>
</template>
<script>
export default {
data: function() {
return {
show_modal: false
}
}
</script>
<style lang="scss" scoped>
#entity-list {
max-height: 250px;
overflow-y: scroll;
overflow-x: hidden;
div {
height: 40px;
}
}
</style>
Так что по какой-то причине я не могу прокрутить колесо прокрутки мыши, но если я постараюсь достаточно сильно, я смогу найти полосу прокрутки и использовать ее для прокрутки списка. Но колесо прокрутки мыши глючит и просто прокручивает главное окно вместо div списка объектов.
Я попробовал этот код в Safari и смог прокрутить список объектов. Это похоже на ошибку, специфичную для Chrome. Есть ли способ обойти это?