I have a div container with overflow-y: auto. When the scrollbar appears, I can click on the handle with the mouse and scroll up and down just fine. However, when I use touch to try and move it nothing happens. I have tried adding in the -webkit-overflow-scrolling: touch; property to the container div and nothing changes. I have tried resizing the scrollbar handle, adding a z-index of 999 etc to try and make the scrollbar handle more “accessible” but nothing works. I am puzzled as to why it works just fine with a mouse but not with a touch event. Experienced in Chrome.
.container {
overflow-y: auto;
}
::-webkit-scrollbar{
width: .5rem;
}