\n\n### Logs\n\n```shell-script\n\n```",[3018,3021,3024],{"name":3019,"color":3020},"bug","d73a4a",{"name":3022,"color":3023},"v3","49DCB8",{"name":3025,"color":3026},"triage","ffffff",4449,"nuxt","ui","open","Interfering Dropdown in `UNavigationMenu` component when using sections","2025-07-08T21:08:13Z","https://github.com/nuxt/ui/issues/4449",0.6876242,{"description":3036,"labels":3037,"number":3041,"owner":3028,"repository":3028,"state":3030,"title":3042,"updated_at":3043,"url":3044,"score":3045},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v22.9.0`\n- Nuxt Version: `3.16.0`\n- CLI Version: `3.23.0`\n- Nitro Version: `2.11.6`\n- Package Manager: `pnpm@9.5.0`\n- Builder: `-`\n- User Config: `ssr`, `devtools`, `compatibilityDate`, `css`, `app`, `modules`, `runtimeConfig`, `vite`, `vueQuery`, `ui`, `icon`, `elementPlus`\n- Runtime Modules: `@nuxt/eslint@1.2.0`, `@nuxt/icon@1.11.0`, `@nuxt/scripts@0.11.2`, `@nuxt/test-utils@3.17.2`, `@nuxt/ui@3.0.2`, `@element-plus/nuxt@1.1.1`, `@hebilicious/vue-query-nuxt@0.3.0`, `@vueuse/nuxt@13.0.0`\n- Build Modules: `-`\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/purple-worker-q927r2?workspaceId=ws_Nd6bGHokakFXXgZBfRPLsD\n\n### Describe the bug\n\n**Steps to Reproduce:**\n\n1. Open the reproduction link.\n2. Click on 'page 2' at the top to navigate to the page2 page.\n3. The loading animation will not disappear.\n\nThe code logic of the page2 page is to call the `fetchData` function when the page is opened, while setting `loading` to true and then setting it to false within a short period.\n\nThis bug is triggered when a Nuxt page uses a transition with the mode set to `out-in`. Specifically, when the component's props change rapidly, the code related to DOM operations does not correctly handle the state of the props, resulting in abnormal component display.\n\nWorkaround:\n\n1. Set the mode to a value other than `out-in`.\n2. Wrap the component using `v-loading` with a `\u003CClientOnly>` component.\n3. Call `fetchData` within the `onMounted` callback.\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```\n\nEdit: pick right words",[3038],{"name":3039,"color":3040},"pending triage","E99695",31613,"page transtion with fast props change","2025-04-02T03:30:33Z","https://github.com/nuxt/nuxt/issues/31613",0.68982124,{"description":3047,"labels":3048,"number":3052,"owner":3028,"repository":3029,"state":3030,"title":3053,"updated_at":3054,"url":3055,"score":3056},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v22.14.0\n- Nuxt Version: 3.17.1\n- CLI Version: 3.25.0\n- Nitro Version: 2.11.11\n- Package Manager: npm@10.9.2\n- Builder: -\n- User Config: compatibilityDate, future, devtools, app, runtimeConfig, hooks, components, modules, eslint, ui, css, telemetry\n- Runtime Modules: @nuxt/eslint@1.3.0, @nuxt/ui@3.1.1, @pinia/nuxt@0.11.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.1\n\n### Reproduction\n\n1. Add a `USelect` component to a page with any example from the official doc: https://ui.nuxt.com/components/select\n2. Start dev mode: `npm run dev`\n3. Opens the page and try interact with the select element with **Vue dev tool opened**\n\n### Description\n\nThe `USelect` component responds really slow upon user clicks (20+ seconds to open/close for a select with 100+ items), this also applies to some other components such as `UDropdownMenu` and `USelectMenu`.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3049,3050,3051],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3025,"color":3026},4142,"USelect and USelectMenu responds really slow when Vue devtool is opened","2025-05-13T13:28:11Z","https://github.com/nuxt/ui/issues/4142",0.6913346,{"description":3058,"labels":3059,"number":3062,"owner":3028,"repository":3029,"state":3063,"title":3064,"updated_at":3065,"url":3066,"score":3067},"### Environment\n\n- Operating System: Darwin\n- Node Version: v18.20.6\n- Nuxt Version: 3.15.4\n- CLI Version: 3.21.1\n- Nitro Version: 2.10.4\n- Package Manager: yarn@1.22.22\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.13\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/modest-agnesi-drlrh4?file=%2Fapp%2Fpages%2Findex.vue%3A24%2C24\n\n### Description\n\nWhen I close a `UDrawer` that I opened via an action from a `UDropdownMenu`, the style on my \u003Cbody> tag still contains `overflow: hidden` and `user-select: none`, which prevents interaction with the page.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3060,3061],{"name":3019,"color":3020},{"name":3022,"color":3023},3406,"closed","User interaction lock after a Drawer/DropdownMenu","2025-02-27T20:57:27Z","https://github.com/nuxt/ui/issues/3406",0.6620469,{"description":3069,"labels":3070,"number":3074,"owner":3028,"repository":3029,"state":3063,"title":3075,"updated_at":3076,"url":3077,"score":3078},"### Environment\n\nNuxt: 3.15.0\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.10\n\n### Reproduction\n\nhttps://codesandbox.io/p/sandbox/lucid-shape-9kk73c\n\n### Description\n\n\nDropdownMenu actions will not work after Udrawer closed.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3071,3072,3073],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3025,"color":3026},3067,"UDrawer UDropdownMenu actions conflict","2025-05-23T13:35:59Z","https://github.com/nuxt/ui/issues/3067",0.67617375,{"description":3080,"labels":3081,"number":3087,"owner":3028,"repository":3029,"state":3063,"title":3088,"updated_at":3089,"url":3090,"score":3091},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.11.1\n- Nuxt Version: 3.16.2\n- CLI Version: 3.25.1\n- Nitro Version: 2.11.12\n- Package Manager: npm@10.2.4\n- Builder: -\n- User Config: css, compatibilityDate, devtools, future, modules, runtimeConfig, ssr, typescript\n- Runtime Modules: @nuxt/eslint@1.4.0, @nuxt/fonts@0.11.4, @nuxt/ui-pro@3.1.2, @pinia/nuxt@0.5.5, @vueuse/nuxt@10.11.1, nuxt-auth-utils@0.5.20, nuxt-authorization@0.3.4\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.2\n\n### Reproduction\n\nJust use the code of https://github.com/nuxt-ui-pro/dashboard/blob/main/app/pages/settings.vue and add a child to one of the links used for the UNavigationMenu. Like :\n````\n{\n label: \"General\",\n icon: \"i-lucide-user\",\n to: \"/settings\",\n children: [\n {\n label: \"Hello\",\n icon: \"i-lucide-book-open\",\n },\n ],\n exact: true,\n },\n````\n\n### Description\n\nIt seems wrapping the UNavigationMenu component in UDashboardToolbar will cause the UNavigationMenu's links children dropdown to not appear or be hidden.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3082,3083,3084],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3085,"color":3086},"nuxt/ui-pro","00dc82",4177,"UNavigationMenu item children not visible when wrapped in UDashboardToolbar","2025-05-23T12:23:17Z","https://github.com/nuxt/ui/issues/4177",0.6774378,{"description":3093,"labels":3094,"number":3099,"owner":3028,"repository":3028,"state":3063,"title":3100,"updated_at":3101,"url":3102,"score":3103},"### Environment\r\n\r\n- Operating System: `Darwin`\r\n- Node Version: `v21.6.1`\r\n- Nuxt Version: `3.10.3`\r\n- CLI Version: `3.10.1`\r\n- Nitro Version: `2.8.1`\r\n- Package Manager: `npm@10.2.4`\r\n- Builder: `-`\r\n- User Config: `nitro`, `modules`, `svgo`, `image`, `googleFonts`, `alias`, `app`, `typescript`, `devtools`, `devServer`\r\n- Runtime Modules: `@pinia/nuxt@0.5.1`, `@nuxt/content@2.12.0`, `@nuxtjs/tailwindcss@6.11.4`, `@nuxtjs/google-fonts@3.1.3`, `nuxt-svgo@4.0.0`, `@vueuse/nuxt@10.9.0`, `@nuxt/image@1.3.0`\r\n- Build Modules: `-`\r\n\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-eedaaw\r\n\r\n### Describe the bug\r\n\r\nWhen transitioning between pages the scroll position is reset which is expected. However when passing the transition via the prop to \u003CNuxtPage> this reset takes places before the page is actually changed. Also the visibility 'glitches' in before changing the page.\r\n\r\nAlthough I am quite inexperienced I believe this could be related to https://github.com/nuxt/nuxt/issues/2593\r\n\r\nA workaround for me was to pass the transition in the nuxt config instead. To be able to use js hooks I declared them in the prop without specifying a transition name or type:\r\n```\r\n\u003CNuxtPage :transition=\"{onAfterEnter: () => {console.log('onAfterEnter')},}\"/>\r\n```\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[3095,3096],{"name":3039,"color":3040},{"name":3097,"color":3098},"pages","00DFB5",26034,"scroll jump & visibility issue with page transitions","2025-04-02T08:45:05Z","https://github.com/nuxt/nuxt/issues/26034",0.682537,{"description":3105,"labels":3106,"number":3114,"owner":3028,"repository":3029,"state":3063,"title":3115,"updated_at":3116,"url":3117,"score":3118},"### Environment\n\n- Operating System: Darwin\n- Node Version: v18.20.3\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.17.2\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.8.2\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/eslint@0.6.2, @nuxt/fonts@0.10.3, @nuxt/ui@2.20.0, @vueuse/nuxt@12.0.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.13.2\n\n### Reproduction\n\n1. Use this template: https://github.com/nuxt-ui-pro/dashboard\n2. Run the app (npm run dev) (or run the demo: https://dashboard-template.nuxt.dev/)\n3. Open devtools and toggle device toolbar\n4. Click on the menu icon and then the nuxt text on the top. \n5. It is buggy because the hover mode is not taking into account the touch device input.\n\n\n\n\n### Description\n\nI use the template from https://github.com/nuxt-ui-pro/dashboard and tested it on mobile.\nThe component UDropdown has a mode of 'hover'. This however breaks the interaction on mobile/touch devices.\n\n\u003CUDropdown v-slot=\"{ open }\" mode=\"hover\" :items=\"[teams, actions]\" class=\"w-full\" :ui=\"{ width: 'w-full' }\"\n :popper=\"{ strategy: 'absolute' }\">\n\nThis is reproduced in the devtools using the mobile emulator, as well as your own device (ios).\n\n### Additional context\n\nI believe this to be a bug since an example should be working properly on all devices without workarounds.\n\n### Logs\n\n```shell-script\n\n```",[3107,3108,3109,3112],{"name":3019,"color":3020},{"name":3025,"color":3026},{"name":3110,"color":3111},"closed-by-bot","ededed",{"name":3113,"color":3111},"stale",2989,"Dropdown with mode=\"hover\" breaks interaction on touch device","2025-06-18T09:05:08Z","https://github.com/nuxt/ui/issues/2989",0.68633795,{"description":3120,"labels":3121,"number":3127,"owner":3028,"repository":3029,"state":3063,"title":3128,"updated_at":3129,"url":3130,"score":3131},"### Environment\n\n- Operating System: Linux\n- Node Version: v20.18.2\n- Nuxt Version: 3.16.2\n- CLI Version: 3.24.1\n- Nitro Version: 2.11.9\n- Package Manager: pnpm@10.8.0\n- Builder: -\n- User Config: extends, modules, ssr, site, runtimeConfig, alias, sourcemap, future, features, nitro, hub, eslint, i18n, sentry\n- Runtime Modules: @sentry/nuxt/module@9.12.0 @compodium/nuxt@0.1.0-beta.8, @nuxt/test-utils/module@3.17.2, @vueuse/nuxt@13.1.0, @pinia/nuxt@0.11.0, pinia-plugin-persistedstate/nuxt@4.2.0, @nuxt/ui@3.0.2, reka-ui/nuxt@2.2.0, @nuxt/image@1.10.0, @formkit/auto-animate/nuxt@0.8.2, motion-v/nuxt@1.0.0-beta.2, nuxt-svgo@4.0.17, @nuxt/eslint@1.3.0, nuxt-llms@0.1.2, nuxt-security@2.2.0, @nuxtjs/seo@3.0.2, @nuxtjs/i18n@9.5.3, nuxt-auth-utils@0.5.19, @nuxt/scripts@0.11.5, nuxt-delay-hydration@1.3.8\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.16.2\n\n### Reproduction\n\nhttps://ui.nuxt.com/components/navigation-menu#arrow\n\n### Description\n\nYou can even reproduce this in the current demo page, the arrow is not moving, or for some reason it glitches, this doesn't happen with the Reka components\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3122,3123,3124],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3125,"color":3126},"reka-ui","56d799",3907,"NavigationMenu arrow not moving","2025-05-15T14:41:00Z","https://github.com/nuxt/ui/issues/3907",0.6910896,{"description":3133,"labels":3134,"number":3138,"owner":3028,"repository":3029,"state":3063,"title":3139,"updated_at":3140,"url":3141,"score":3142},"### Environment\n\nnot needed\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.1\n\n### Reproduction\n\ncheck current docs: https://ui.nuxt.com/components/navigation-menu#content-orientation\n\n### Description\n\n\n\nThe dropdown is at wrong position... also the \"arrow\" prop doesnt work\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3135,3136,3137],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3025,"color":3026},4073,"UNavigationMenu: Dropdown broken","2025-05-13T12:02:03Z","https://github.com/nuxt/ui/issues/4073",0.6911917,["Reactive",3144],{},["Set"],["ShallowReactive",3147],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fS95pxMri8qFi_Nsi8dpl-tElRE1tGFsnheH3ThbvU9o":-1},"/nuxt/ui/4619"]