Почему не переполнение: прокрутка работает должным образом в модале начальной загрузки? - PullRequest
0 голосов
/ 25 мая 2019

, поэтому у меня есть следующий мод загрузки:

</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. Есть ли способ обойти это?

...