BuzzbeeSCD/openchamber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(mobile): widen Android edge swipe zones

Browse Source
This commit is contained in:
Bohdan Triapitsyn
2026-08-02 19:31:22 +03:00
parent a96a2310a9
commit 39a321a29b
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/apps/useEdgeSwipe.ts
+8 -2
View File
@@ -15,6 +15,10 @@ import React from 'react';
*/ */
const EDGE_ZONE = 32; // px from a side where the swipe must begin const EDGE_ZONE = 32; // px from a side where the swipe must begin
// Android reserves the physical screen edge for system navigation. Accept a
// wider start area so both OpenChamber drawers can be invoked beyond the
// system Back gesture region without changing the browser/iOS gesture.
const ANDROID_EDGE_ZONE = 80;
const MIN_DISTANCE = 64; // px of horizontal travel required to commit const MIN_DISTANCE = 64; // px of horizontal travel required to commit
const MAX_OFF_AXIS_RATIO = 0.7; // |dy| must stay below |dx| * this (keep it horizontal) const MAX_OFF_AXIS_RATIO = 0.7; // |dy| must stay below |dx| * this (keep it horizontal)
@@ -36,6 +40,8 @@ export const useEdgeSwipe = (
React.useEffect(() => { React.useEffect(() => {
const element = ref.current; const element = ref.current;
if (!element) return; if (!element) return;
const platform = (window as typeof window & { Capacitor?: { getPlatform?: () => string } }).Capacitor?.getPlatform?.();
const edgeZone = platform === 'android' ? ANDROID_EDGE_ZONE : EDGE_ZONE;
let tracking = false; let tracking = false;
let fromLeftEdge = false; let fromLeftEdge = false;
@@ -49,8 +55,8 @@ export const useEdgeSwipe = (
} }
const touch = event.touches[0]; const touch = event.touches[0];
const width = element.clientWidth; const width = element.clientWidth;
const nearLeft = touch.clientX <= EDGE_ZONE; const nearLeft = touch.clientX <= edgeZone;
const nearRight = touch.clientX >= width - EDGE_ZONE; const nearRight = touch.clientX >= width - edgeZone;
tracking = nearLeft || nearRight; tracking = nearLeft || nearRight;
fromLeftEdge = nearLeft; fromLeftEdge = nearLeft;
startX = touch.clientX; startX = touch.clientX;