ионный вход диапазона предотвращает прокрутку

Question

У меня есть куча слайдеров, уложенных вертикально в моем приложении. Когда я нажимаю ползунок с намерением прокрутить вниз или вверх, он изменяет значение ползунка вместо прокрутки.

See a demo of the issue.

являются следующими дискуссиями между членами сообщества, но я ничего не нашел полезное там:

1. This reported issue, который так же, как этот вопрос, но почему-то убежден автор при использовании angular-js-slider библиотеки и выглядит, как она работает для автора , Я попробовал эту библиотеку, и вопрос все тот же.

2. Reported issue со всеми входными элементами, а не только с диапазоном ввода. Возможно, это разрешило проблему с другими типами ввода, такими как "text", но не для ввода диапазона.

Может кто-нибудь помочь в этом?

Answer 1

В Интернете прокрутка, безусловно, не проблема, а на мобильных устройствах, весь горизонтальный пролет ползунка действует как барьер для прокрутки.

Поскольку я искал решение в мобильном контексте, отключить трек для любого события мыши достаточно для меня, и это может быть достигнуто через pointer-events, по крайней мере, на хроме.

input[type=range] { 
    pointer-events: none; 
} 

input[type=range]::-webkit-slider-thumb { 
    pointer-events:auto; 
} 

Ответ на этот вопрос был contributed earlier here.