Dropdown menu adds padding to body #2366

mallusrgreatv2 · 2024-01-10T12:28:23Z

mallusrgreatv2
Jan 10, 2024

Before opening menu:

After opening menu:

Code of dropdown menu:

<DropdownMenu>
  <DropdownMenuTrigger>
    <Button>Selected Generator: {generatorState?.value || "None"}</Button>
  </DropdownMenuTrigger>
  <DropdownMenuContent>
    <DropdownMenuLabel>Generators</DropdownMenuLabel>
    <DropdownMenuSeparator />
    {data?.access.map((access: { name: string; value: string }) => (
      <DropdownMenuItem
        aria-value={access.name}
        onClick={() => setGeneratorState(() => access)}
      >
        {access.value}
      </DropdownMenuItem>
    ))}
  </DropdownMenuContent>
</DropdownMenu>;

Code of layout (including body):

<html lang="en" suppressHydrationWarning>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta httpEquiv="Content-Type" content="text/html;charset=UTF-8" />
    <meta httpEquiv="X-UA-Compatible" content="ie=edge" />
  </head>
  <body
    className={cn(
      "min-h-screen bg-background font-sans antialiased m-6",
      fontSans.variable,
    )}
  >
    <ThemeProvider
      attribute="class"
      defaultTheme="dark"
      enableSystem
      disableTransitionOnChange
    >
      <Navbar />
      {children}
    </ThemeProvider>
  </body>
</html>;

k-stevenson · 2024-03-21T09:27:14Z

k-stevenson
Mar 21, 2024

I'm having the same issue; not just dropdown, but any interactive components, adds padding and disables page scroll when clicked.

1 reply

YO-SC Apr 24, 2024

Not the best solution, but I found this in another issue thread:

#977 (comment)

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Dropdown menu adds padding to body #2366

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Replies: 1 comment 1 reply

{{title}}

{{title}}

Select a reply

Dropdown menu adds padding to body #2366

mallusrgreatv2 Jan 10, 2024

Replies: 1 comment · 1 reply

k-stevenson Mar 21, 2024

YO-SC Apr 24, 2024

mallusrgreatv2
Jan 10, 2024

Replies: 1 comment 1 reply

k-stevenson
Mar 21, 2024