Make main menu full width on mobile again.

2023-04-21 15:58:04 +02:00
parent 097000a2b7
commit 70d48d5472
5 changed files with 22 additions and 15 deletions
@@ -16,6 +16,7 @@ const MenuContent = ({
  onSelect,
  style,
  sideOffset,
+  collisionBoundary,
 }: {
  children?: React.ReactNode;
  onClickOutside?: () => void;
@@ -26,6 +27,7 @@ const MenuContent = ({
  onSelect?: (event: Event) => void;
  style?: React.CSSProperties;
  sideOffset?: number;
+  collisionBoundary?: Element | Element[] | null | undefined;
 }) => {
  const device = useDevice();
  const menuRef = useOutsideClickHook(() => {
@@ -39,6 +41,7 @@ const MenuContent = ({
  return (
    <DropdownMenuContentPropsContext.Provider value={{ onSelect }}>
      <DropdownMenuPrimitive.Content
+        collisionBoundary={collisionBoundary}
        ref={menuRef}
        className={classNames}
        style={style}