chatscope / chatscope/chat-ui-kit-react

MessageList scroll doesn't work on mobile

Open
#159 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
1.8k
Forks
154
PR merge metrics
No merged PRs in 30d

Description

I've having trouble with `` 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: https://github.com/chatscope/chat-ui-kit-react/blob/89f6208011ab0ec304796fb085aa510f850c29e2/src/components/MessageList/MessageList.jsx#L298

Any ideas on how I can set this to `auto`?

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.