Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-03 03:46:37 +01:00
Code Issues Packages Projects Releases Activity

fix(mobile): sidebar randomly showing on taps

Browse Source
This commit is contained in:
Elian Doran
2025-01-04 12:09:18 +02:00
parent bf4decb4fb
commit ff2999db17
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/public/app/widgets/mobile_widgets/sidebar_container.js
View File

@@ -33,12 +33,12 @@ export default class SidebarContainer extends FlexContainer {
#onDragStart(e) { #onDragStart(e) {
const x = e.touches ? e.touches[0].clientX : e.clientX; const x = e.touches ? e.touches[0].clientX : e.clientX;
this.startX = x;
if (x > 30 && this.currentTranslate === -100) { if (x > 30 && this.currentTranslate === -100) {
return; return;
} }
this.startX = x;
this.#setInitialState(); this.#setInitialState();
this.dragState = DRAG_STATE_INITIAL_DRAG; this.dragState = DRAG_STATE_INITIAL_DRAG;
this.translatePercentage = 0; this.translatePercentage = 0;
@@ -52,7 +52,7 @@ export default class SidebarContainer extends FlexContainer {
const x = e.touches ? e.touches[0].clientX : e.clientX; const x = e.touches ? e.touches[0].clientX : e.clientX;
const deltaX = x - this.startX; const deltaX = x - this.startX;
if (this.dragState === DRAG_STATE_INITIAL_DRAG) { if (this.dragState === DRAG_STATE_INITIAL_DRAG) {
if (Math.abs(deltaX) > 5) { if (Math.abs(deltaX) > 10) {
/* Disable the transitions since they affect performance, they are going to reenabled once drag ends. */ /* Disable the transitions since they affect performance, they are going to reenabled once drag ends. */
this.sidebarEl.style.transition = "none"; this.sidebarEl.style.transition = "none";
this.backdropEl.style.transition = "none"; this.backdropEl.style.transition = "none";
@@ -78,6 +78,11 @@ export default class SidebarContainer extends FlexContainer {
return; return;
} }
if (this.dragState === DRAG_STATE_INITIAL_DRAG) {
this.dragState = DRAG_STATE_NONE;
return;
}
// If the sidebar is closed, snap the sidebar open only if the user swiped over a threshold. // If the sidebar is closed, snap the sidebar open only if the user swiped over a threshold.
// When the sidebar is open, always close for a smooth experience. // When the sidebar is open, always close for a smooth experience.
const isOpen = (this.currentTranslate === -100 && this.translatePercentage > -(100 - DRAG_THRESHOLD)); const isOpen = (this.currentTranslate === -100 && this.translatePercentage > -(100 - DRAG_THRESHOLD));