MessageList scroll doesn't work on mobile

[Anjum48]

I've having trouble with <MessageList> not scrolling on mobile/touch screen. In a browser, with a mobile device selected I can scroll with a mouse wheel, but the click & drag doesn't work.

I've tracked the issue down to touch-action: none in CSS which I can't seem to override, since it is set in an element that is created inside MessageList (scrollbar-container cs-message-list__scroll-wrapper ps).

Searching for touch-action finds this README from 4 years ago which mentions this was added to fix some strange behaviour: https://github.com/chatscope/chat-ui-kit-react/blob/master/src/components/Scroll/README.md

Which I think refers to this:

chat-ui-kit-react/src/components/MessageList/MessageList.jsx

Line 298 in 89f6208

touchAction: "none",

Any ideas on how I can set this to auto?

[sizuf]

I'm a bit late, but you can solve it this way:
.cs-message-list__scroll-wrapper { touch-action: auto !important; }