",[3018,3021,3024],{"name":3019,"color":3020},"bug","d73a4a",{"name":3022,"color":3023},"v3","49DCB8",{"name":3025,"color":3026},"reka-ui","56d799",3947,"nuxt","ui","open","Unexpected drawer behavior when dragging content area (jumpy collapse & horizontal scroll flickering)","2025-06-05T10:38:05Z","https://github.com/nuxt/ui/issues/3947",0.68789923,{"description":3036,"labels":3037,"number":3042,"owner":3028,"repository":3029,"state":3030,"title":3043,"updated_at":3044,"url":3045,"score":3046},"### Description\n\nHey! Thanks for trying to make nuxt/ui even more awesome.\n\nI've been struggled with adding NavigationMenu items animation on toggling collapsed of/off states. \nI'd like to make it work smoothly and keep only icons with popovers in collapsed state and show the rest only when collapsed is off. out of the box its only toggled on/off without transitions.\nI see no option to pass slot to wrap labels with vue Transition component or use Motion-vue and either css animations like data-[collaped=true]:animate.... not working well because whole inner content of nav is wrapped with \"v-if\" and switched on collapsed. \n\nIn some components data-[state] animations works well, but not in collapsed NavigationMenu. Or am I doing something wrong?\nOnly a way I see is to override whole item slot. But for now I've just get rid of NavigationMenu and made my own custom component with fancy transitions.\nPlease point me to right direction and suggest best practices, cuz I'd like to use most of components and make it work with smooth transitions/animations, but sometimes got stucked with limitations/lack of knowledge. \n\nofftop: For example, wasted many hours trying to achieve smooth slide-down transition for table expanded rows. Ended up with expanded slot with UCollapsible plus exclusive inner state for it, changed with setTimeout(() => { ... }, 300), Ugly, hucky, but it works.",[3038,3041],{"name":3039,"color":3040},"question","d876e3",{"name":3022,"color":3023},4254,"NavigationMenu transitions/animations on toggle collapsed state","2025-05-29T21:37:50Z","https://github.com/nuxt/ui/issues/4254",0.71889937,{"description":3048,"labels":3049,"number":3057,"owner":3028,"repository":3029,"state":3030,"title":3058,"updated_at":3059,"url":3060,"score":3061},"### Description\n\nWhilst working with snap points, (direction bottom) and the drawer **IS NOT** dismissible, If i'd dragged the drawer all the way up, then went to drag the drawer down again, it would stop at the 2nd to last stop (the first stop going back down) and would just jump to the next stop instead of dragging. It was only after scrolling through the vaul repo that I found [this was the issue](https://github.com/emilkowalski/vaul/blob/54b099cfeed77905f3b06d553c728b3102b15b40/src/use-snap-points.ts#L176) `const isOverlaySnapPoint = activeSnapPointIndex === fadeFromIndex - 1` \n`fadeFromIndex` should be a prop (and made clear), as it prevents the dragging functionality, I had to manually amend this value and if i'd have known it was a prop, it would have saved me a lot of time.\n\n### Additional context\n\n_No response_",[3050,3053,3054],{"name":3051,"color":3052},"enhancement","a2eeef",{"name":3022,"color":3023},{"name":3055,"color":3056},"triage","ffffff",4546,"Drawer prop amendment - snap point support","2025-07-18T13:40:39Z","https://github.com/nuxt/ui/issues/4546",0.7232173,{"description":3063,"labels":3064,"number":3068,"owner":3028,"repository":3029,"state":3030,"title":3069,"updated_at":3070,"url":3071,"score":3072},"### Environment\n\n- Operating System: Linux\n- Node Version: v20.9.0\n- Nuxt Version: 3.17.2\n- CLI Version: 3.25.0\n- Nitro Version: 2.11.11\n- Package Manager: npm@9.8.1\n- Builder: -\n- User Config: compatibilityDate, devtools, modules, css\n- Runtime Modules: @nuxt/ui@3.1.1\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\nhttps://codesandbox.io/p/devbox/recursing-engelbart-wgpkkh?workspaceId=ws_Ga6GWBrpAhorzCEfHj7SB5\n\n### Description\n\nWhen no snap points are given, the drawer opens. When any are given, the drawer doesn't open.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3065,3066,3067],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3055,"color":3056},4086,"Drawer snap points don't work","2025-05-06T01:03:53Z","https://github.com/nuxt/ui/issues/4086",0.7278534,{"description":3074,"labels":3075,"number":3078,"owner":3028,"repository":3029,"state":3079,"title":3080,"updated_at":3081,"url":3082,"score":3083},"### 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```",[3076,3077],{"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.68010134,{"description":3085,"labels":3086,"number":3095,"owner":3028,"repository":3029,"state":3079,"title":3096,"updated_at":3097,"url":3098,"score":3099},"### Environment\n\nnode22, nuxtui300-b3 and nuxt3\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv.3.0.0-beta3\n\n### Reproduction\n\nYou can reproduce from the components page for modal and drawer. Open the drawer, the bottom drawer appears, and rest of page shifts from removal of scrollbar. Same does not occur on the modal component.\n\n### Description\n\nThe modal component properly handles overflow and prevents shifting of the main page layout when open. The drawer component does not. Would like to see the drawer prevent layout shift from the scroll bar removal, like is done on the modals. \n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3087,3088,3089,3090,3093],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3055,"color":3056},{"name":3091,"color":3092},"closed-by-bot","ededed",{"name":3094,"color":3092},"stale",3523,"Drawer shifts layout unlike modal","2025-06-18T09:01:40Z","https://github.com/nuxt/ui/issues/3523",0.6915896,{"description":3101,"labels":3102,"number":3108,"owner":3028,"repository":3029,"state":3079,"title":3109,"updated_at":3110,"url":3111,"score":3112},"### Environment\n\n------------------------------\n- Operating System: Windows_NT\n- Node Version: v20.17.0\n- Nuxt Version: 3.16.1\n- CLI Version: 3.23.1\n- Nitro Version: 2.11.7\n- Package Manager: npm@10.8.2\n- Builder: -\n- User Config: devtools, modules, css, future, compatibilityDate\n- Runtime Modules: @nuxt/ui@3.0.2, @nuxt/eslint@1.2.0, @nuxt/content@3.4.0, @vueuse/nuxt@13.0.0, @nuxt/image@1.10.0\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.2\n\n### Reproduction\n\nTried to setup repo, but codesandbox was giving errors and stalling out.\n\n\n\n### Description\n\nWhen using the UDrawer component with `:dismissible=\"false\"` and `:modal=\"false\"`, the drawer still closes when users interact with elements outside the drawer. This prevents users from interacting with the form or other page elements while the drawer is open.\n\n**Steps to Reproduce**\nCreate a UDrawer component with :dismissible=\"false\"\nSet the drawer to be open\nTry to interact with form elements or other content outside the drawer\n\n### Additional context\n\nExpected Behavior\nAccording to the documentation at https://ui.nuxt.com/components/drawer#prevent-closing, setting dismissible=\"false\" should prevent the drawer from closing when clicking outside or pressing escape.\nActual Behavior\nThe drawer still closes when clicking outside, making it impossible to interact with form elements on the page while the drawer is open.\n\n```\n\u003CUDrawer\n v-model:open=\"showMobileResults\"\n direction=\"bottom\"\n :modal=\"false\"\n :handle=\"false\"\n :overlay=\"false\"\n dismissible=\"false\"\n title=\"Biological Age Results\"\n description=\"View your biological age and longevity estimates\"\n>\n \u003C!-- Drawer content here -->\n\u003C/UDrawer>\n```\n\n### Logs\n\n```shell-script\n\n```",[3103,3104,3107],{"name":3019,"color":3020},{"name":3105,"color":3106},"needs reproduction","CB47CF",{"name":3022,"color":3023},3727,"UDrawer ignores :dismissible=\"false\" prop and still closes when interacting outside","2025-06-12T15:30:30Z","https://github.com/nuxt/ui/issues/3727",0.69237447,{"labels":3114,"number":3121,"owner":3028,"repository":3028,"state":3079,"title":3122,"updated_at":3123,"url":3124,"score":3125},[3115,3118],{"name":3116,"color":3117},"pending triage","E99695",{"name":3119,"color":3120},"2.x","d4c5f9",5456,"Slide-enter animations are broken although slide-leave are working well","2023-01-22T15:33:04Z","https://github.com/nuxt/nuxt/issues/5456",0.7018684,{"description":3127,"labels":3128,"number":3132,"owner":3028,"repository":3029,"state":3079,"title":3133,"updated_at":3134,"url":3135,"score":3136},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.10.0\n- Nuxt Version: 3.16.2\n- CLI Version: 3.25.0\n- Nitro Version: 2.11.9\n- Package Manager: npm@10.9.0\n- Builder: -\n- User Config: nitro, build, compatibilityDate, devtools, ssr, css, modules, i18n\n- Runtime Modules: @nuxt/ui@3.1.0, @nuxt/test-utils@3.17.2, @nuxt/image@1.10.0, @nuxt/icon@1.12.0, @nuxt/fonts@0.11.2, @nuxt/eslint@1.3.0, @nuxtjs/i18n@9.5.3, @nuxtjs/leaflet@1.2.6, @pinia/nuxt@0.11.0\n- Build Modules: -\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.16.2\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/fancy-river-42j5xw?workspaceId=ws_GgeGxunRZmD7bdWXHYL2Xk\n\n### Description\n\nWhile the `USlideOver` is active, it is not possible to interact with the background elements, even if `:overlay=\"false\"`. This seems counter-intuitive and [formerly classified as a bug in v2](https://github.com/nuxt/ui/issues/1402#issuecomment-2872304863).\n\n### Additional context\n\ntested with both 3.1.1 and 3.1.0\n\nA workaround is setting `\"pointer-events: auto\"` in the background element styles, which seems to enable all pointer events.\n\n### Logs\n\n```shell-script\n\n```",[3129,3130,3131],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3055,"color":3056},4135,"Slideover blocks background interaction even with `overlay=false`","2025-05-13T12:59:56Z","https://github.com/nuxt/ui/issues/4135",0.7134183,{"description":3138,"labels":3139,"number":3145,"owner":3028,"repository":3029,"state":3079,"title":3146,"updated_at":3147,"url":3148,"score":3149},"### Environment\n\n- Operating System: Darwin\n- Node Version: v21.7.3\n- Nuxt Version: 3.16.2\n- CLI Version: 3.24.1\n- Nitro Version: 2.11.8\n- Package Manager: npm@10.5.0\n- Builder: -\n- User Config: extends, components, devtools, googleFonts, modules, runtimeConfig, compatibilityDate, typescript, build, vite, devServer, app, colorMode, spaLoadingTemplate, bugsnag\n- Runtime Modules: @nuxtjs/google-fonts@3.2.0, @nuxt/ui@3.0.2, nuxt-bugsnag@8.4.0, @nuxt/devtools@2.3.2\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.2\n\n### Reproduction\n\n\n\n### Description\n\nI try to make a design with position absolute. It works correctly when I use `solid` colors. But if I use `soft` or `subtle` variants it displays the background line anyway. Also, the color varies depending on the background color.\n\nIs there a way to make it work with those colors? \n\nMaybe the solution is to create variables for those colors instead of using opacity.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3140,3141,3142,3143,3144],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3055,"color":3056},{"name":3091,"color":3092},{"name":3094,"color":3092},3863,"Button color may not work properly in position absolute","2025-06-18T09:01:10Z","https://github.com/nuxt/ui/issues/3863",0.7186281,["Reactive",3151],{},["Set"],["ShallowReactive",3154],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fW_GuASRhQnLZ9UIDwJzaqefPFble2GTLEJ8aMyHB7JI":-1},"/nuxt/ui/3985"]