how to prevent overlay getting outside of a container | Mantine | Page 1

full orchid Dec 25, 2025, 6:00 AM

#

<Container size="lg">
  <Menu>
    <Menu.Target>
      <Button>Mantine</Button>
    </Menu.Target>

    <Menu.Dropdown>
      {/* this content should remain inside the container */}
    </Menu.Dropdown>
  </Menu>
</Container>

rotund yew Dec 25, 2025, 7:12 AM

#

<Menu withinPortal={false}>

#

Add overflow hidden to the Container

full orchid Dec 28, 2025, 4:28 AM

#

rotund yew ``` <Menu withinPortal={false}> ```

it doesn't work

cloud trail Dec 28, 2025, 3:06 PM

#

full orchid it doesn't work

You need to also set overflow: hidden styles

#how to prevent overlay getting outside of a container