Merged in fix/BOOK-111-bookingwidget-scrollable-zoom (pull request #3017)

fix(BOOK-111): make bookingwidget scrollable for zoomed in accessibility

* fix(BOOK-111): make bookingwidget scrollable for zoomed in accessibility

* fix(BOOK-111): dont scroll bookingwidget if searchlist is open


Approved-by: Erik Tiekstra

packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/index.tsx

@@ -117,7 +117,10 @@ export function Search({
         openMenu,
         selectHighlightedItem,
       }) => (
-        <div className={searchContainerVariants({ variant })}>
+        <div
+          className={searchContainerVariants({ variant })}
+          data-searchlist-open={isOpen}
+        >
           <div className={styles.inputContainer}>
             <label
               {...getLabelProps({

packages/booking-flow/lib/components/BookingWidget/bookingWidget.module.css

@@ -21,9 +21,14 @@
   position: fixed;
   left: 0;
   bottom: -100%;
+  overflow-y: auto;
   transition: bottom 300ms ease;
 }
 
+.formContainer:has([data-searchlist-open="true"]) {
+  overflow-y: visible;
+}
+
 .compact {
   .formContainer {
     border-radius: var(--Corner-radius-lg);
@@ -38,6 +43,7 @@
 
 .wrapper[data-booking-widget-open="true"] {
   z-index: var(--booking-widget-open-z-index);
+  overflow-y: visible;
 }
 
 .wrapper[data-booking-widget-open="true"] .formContainer {
@@ -75,6 +81,7 @@
     height: auto;
     position: static;
     padding: 0;
+    overflow-y: visible;
 
     &.compactFormContainer {
       box-shadow: none;