Vue-select: Disable pointerScroll feature

Created on 4 Feb 2018 · 8Comments · Source: sagalbot/vue-select

Hey, does that library have any ability to disable pointerScroll feature?

released

Source

hardrese7

Most helpful comment

There's no prop, but you can extend the component and set maybeAdjustScroll to return false.

import vSelect from 'vue-select'

Vue.component('v-select', vSelect)

Vue.component('custom-select', {
  extends: vSelect,
  methods: {
    maybeAdjustScroll: () => false
  }
})

Now you have a custom select you can use in your template:

<custom-select></custom-select>

This will overwrite the default implementation and prevent the list from scrolling when keying down the list. Out of curiosity what's the use case? Maybe this should be a prop.

sagalbot on 4 Feb 2018

👍4

All 8 comments

There's no prop, but you can extend the component and set maybeAdjustScroll to return false.

import vSelect from 'vue-select'

Vue.component('v-select', vSelect)

Vue.component('custom-select', {
  extends: vSelect,
  methods: {
    maybeAdjustScroll: () => false
  }
})

Now you have a custom select you can use in your template:

<custom-select></custom-select>

This will overwrite the default implementation and prevent the list from scrolling when keying down the list. Out of curiosity what's the use case? Maybe this should be a prop.

sagalbot on 4 Feb 2018

👍4

@sagalbot my list has over 1000 items in it, and the pointerScroll feature behaves erratically whenever the mouse is moved. Extending the component as shown in your example above disables pointerScroll and improves the behaviour. Thanks.