Fix for calling non-cancellable scroll events (#5771)

tu4mo · web-flow · commit 781284a97059 · 2024-10-26T14:36:48.000+11:00
diff --git a/.changeset/tender-tools-applaud.md b/.changeset/tender-tools-applaud.md
@@ -0,0 +1,5 @@
+---
+'react-select': patch
+---
+
+Fix for calling non-cancellable scroll events
diff --git a/packages/react-select/src/internal/useScrollLock.ts b/packages/react-select/src/internal/useScrollLock.ts
@@ -16,7 +16,7 @@ const LOCK_STYLES = {
 };
 
 function preventTouchMove(e: TouchEvent) {
-  e.preventDefault();
+  if (e.cancelable) e.preventDefault();
 }
 
 function allowTouchMove(e: TouchEvent) {

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'react-select': patch
 +---
++
 +Fix for calling non-cancellable scroll events
Original file line number	Diff line number	Diff line change
`@@ -16,7 +16,7 @@ const LOCK_STYLES = {`
`16`	`16`	`};`
`17`	`17`
`18`	`18`	`function preventTouchMove(e: TouchEvent) {`
`19`		`- e.preventDefault();`
	`19`	`+ if (e.cancelable) e.preventDefault();`
`20`	`20`	`}`
`21`	`21`
`22`	`22`	`function allowTouchMove(e: TouchEvent) {`