style: disable scroll chaining on Autocomplete menu to improve UX (#3120)

zchenwei · web-flow · commit 145d0b5f596f · 2022-12-01T15:14:58.000-08:00
* style: disable scroll chaining on Autocomplete menu to improve UX

* Create fuzzy-icons-jog.md
diff --git a/.changeset/fuzzy-icons-jog.md b/.changeset/fuzzy-icons-jog.md
@@ -0,0 +1,5 @@
+---
+"@aws-amplify/ui": patch
+---
+
+style: disable scroll chaining on Autocomplete menu to improve UX
diff --git a/packages/ui/src/theme/css/component/autocomplete.scss b/packages/ui/src/theme/css/component/autocomplete.scss
@@ -46,6 +46,7 @@
 
   &__options {
     position: relative;
+    overscroll-behavior: contain;
     display: var(--amplify-components-autocomplete-menu-options-display);
     flex-direction: var(
       --amplify-components-autocomplete-menu-options-flex-direction

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@aws-amplify/ui": patch
 +---
++
 +style: disable scroll chaining on Autocomplete menu to improve UX