diff --git a/src/components/left/LeftColumn.tsx b/src/components/left/LeftColumn.tsx index f5f9ea1b4..00adccd18 100644 --- a/src/components/left/LeftColumn.tsx +++ b/src/components/left/LeftColumn.tsx @@ -448,6 +448,7 @@ function LeftColumn({ return captureControlledSwipe(ref.current!, { excludedClosestSelector: '.ProfileInfo, .color-picker, .hue-picker', + selectorToPreventScroll: '#Settings .custom-scroll', onSwipeRightStart: handleReset, onCancel: () => { setContent(LeftColumnContent.Settings); diff --git a/src/util/swipeController.ts b/src/util/swipeController.ts index cbeb2a648..5d38832e3 100644 --- a/src/util/swipeController.ts +++ b/src/util/swipeController.ts @@ -18,6 +18,7 @@ let onRelease: ((onCancel: NoneToVoidFunction) => void) | undefined; export function captureControlledSwipe( element: HTMLElement, options: { excludedClosestSelector?: string; + selectorToPreventScroll?: string; onSwipeLeftStart?: NoneToVoidFunction; onSwipeRightStart?: NoneToVoidFunction; onCancel: NoneToVoidFunction; @@ -25,6 +26,7 @@ export function captureControlledSwipe( ) { return captureEvents(element, { excludedClosestSelector: options.excludedClosestSelector, + selectorToPreventScroll: options.selectorToPreventScroll, swipeThreshold: 10, onSwipe(e, direction, offsets) {