UDropdownMenu, UContextMenu move elements on the page and remove page scroll

Environment

• Operating System: Windows_NT
• Node Version: v22.13.0
• Nuxt Version: 3.17.7
• CLI Version: 3.25.1
• Nitro Version: 2.11.13
• Package Manager: npm@11.5.1
• Builder: -
• User Config: devServer, runtimeConfig, experimental, devtools, ssr, components, modules, imports, shiki, css, ui, icon, compatibilityDate
• Runtime Modules: @pinia/nuxt@0.11.2, @nuxt/ui@3.2.0, @nuxt/image@1.10.0, @vueuse/nuxt@13.5.0, nuxt-shiki@0.3.1, @nuxt/icon@1.15.0, @nuxtjs/color-mode@3.5.2, @compodium/nuxt@0.1.0-beta.11
• Build Modules: -

Is this bug related to Nuxt or Vue?

Nuxt

Version

3.17.7

Reproduction

https://ui.nuxt.com/components/dropdown-menu (call any menu DropdownMenu from example)
https://ui.nuxt.com/components/context-menu (call any menu ContexMenu from example)

Description

When I call any UDropdownMenu or UContextMenu in my project, it causes the elements in the entire page template to shift and also removes the scrollbar from the page, which also causes the content to shift. This can also be checked on the documentation page. I made a screen recording.

Here you can see how the icon in the left menu moves to select UI Pro, as well as scrolling this menu. And the main page scroll disappears.

Additional context

No response

Logs

Reproduce the issue using the DropdownMenu and ContextMenu examples at the linked documentation pages, checking page layout and scrollbar behavior when either menu opens. Trace the component entry points responsible for opening these menus and verify that opening them no longer shifts page content or removes the page scrollbar.