github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-06-05 13:07:19 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

FIX: ensures swipe works with scroll (#23508)

Browse Source 
- do not prevent the event (it was a violation anyways as the touchstart is passive)
- waits for at least 25px horizontal move before showing the remove action, it avoids showing the remove while scrolling and moving a little bit horizontally
This commit is contained in:
Joffrey JAFFEUX
2023-09-11 15:39:54 +02:00
committed by GitHub
parent b8d5f951f6
commit 898c75a05c
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
plugins/chat/assets/javascripts/discourse/components/chat-channel-row.gjs
View File

@ -166,8 +166,6 @@ export default class ChatChannelRow extends Component {
@bind
onSwipe(event) {
event.preventDefault();
const touchX = event.changedTouches[0].screenX;
const diff = this.initialX - touchX;
@ -193,8 +191,10 @@ export default class ChatChannelRow extends Component {
this.isCancelling = !this._towardsThreshold;
}
this.actionButton.style.width = diff + "px";
this.swipableRow.style.left = -(this.initialX - touchX) + "px";
if (diff > 25) {
this.actionButton.style.width = diff + "px";
this.swipableRow.style.left = -(this.initialX - touchX) + "px";
}
}
@bind