Merge pull request #1612 from adevinta/1611-component-popover-max-wid…

…th-on-smaller-screens fix(popover): adapt popover width on smaller screens
adevinta · Oct 30, 2023 · b07874a · b07874a
2 parents be5b011 + 808271c
commit b07874a
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/components/popover/src/PopoverContent.styles.ts b/packages/components/popover/src/PopoverContent.styles.ts
@@ -16,7 +16,7 @@ export const styles = cva(
       },
       enforceBoundaries: {
         true: ['max-w-[--radix-popper-available-width]'],
-        false: ['max-w-sz-384'],
+        false: ['max-w-[min(var(--sz-384),100vw)]'],
       },
       /**
        * When there is a close button, padding to the right side must be adjusted to avoid content overlapping with it.