scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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
This commit is contained in:
Bianca Widstam
2025-10-28 09:36:21 +00:00
parent 642f032512
commit 4a6c64f921
2 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -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({

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

@@ -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;