Ion-range list prevent scrolling the page content


I have a list with many ion-range. When I want to scroll the page content and I touch one of the ion-range (in the middle of the slider bar), this prevents scrolling the page but it changes the location of the knob in the ion-range.

Is there a way to avoid this behavior? I don’t know, for example, setting some delay before changing the ion-range knob position when the ion-range is touched?

Thanks for any help!

You can use the debounce property for delay the ionchange method. Take a look at the documentation: