",[3137,3140,3143],{"name":3138,"color":3139},"bug","d73a4a",{"name":3141,"color":3142},"v3","49DCB8",{"name":3144,"color":3145},"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.7623991,{"description":3155,"labels":3156,"number":3166,"owner":3147,"repository":3147,"state":3149,"title":3167,"updated_at":3168,"url":3169,"score":3170},"### Describe the feature\n\nIt would be nice if you could show something like an animated image when reloading the code like Next js does. \r\n\r\nUnfortunately, the device from which you'd be working on is the one that gets its view refreshed and not the other devices like Next js. Please add these features. \n\n### Additional information\n\n- [ ] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[3157,3160,3163],{"name":3158,"color":3159},"enhancement","8DEF37",{"name":3161,"color":3162},"dx","C39D69",{"name":3164,"color":3165},"🍰 p2-nice-to-have","0E8A16",21422,"HMR Spinner & Devices ","2024-06-30T11:08:38Z","https://github.com/nuxt/nuxt/issues/21422",0.76861763,{"description":3172,"labels":3173,"number":3180,"owner":3147,"repository":3148,"state":3149,"title":3181,"updated_at":3182,"url":3183,"score":3184},"### 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_",[3174,3176,3177],{"name":3158,"color":3175},"a2eeef",{"name":3141,"color":3142},{"name":3178,"color":3179},"triage","ffffff",4546,"Drawer prop amendment - snap point support","2025-07-18T13:40:39Z","https://github.com/nuxt/ui/issues/4546",0.7730936,{"description":3186,"labels":3187,"number":3198,"owner":3147,"repository":3148,"state":3199,"title":3200,"updated_at":3201,"url":3202,"score":3203},"### Description\n\nIt would be cool to be able to create an SEO-friendly NavigationMenu on mobile that appears when a button is clicked in the Slideover or Drawer components. However, the problem is that the menu component itself has the unmount-on-hide property, which makes it SEO-friendly, whereas the Slideover or Drawer where I would like to place this menu do not.\n\n### Additional context\n\n_No response_",[3188,3189,3190,3191,3193,3196],{"name":3158,"color":3175},{"name":3141,"color":3142},{"name":3178,"color":3179},{"name":3192,"color":3145},"upstream/reka-ui",{"name":3194,"color":3195},"closed-by-bot","ededed",{"name":3197,"color":3195},"stale",3622,"closed","unmount-on-hide for Drawer, Slideover","2025-09-03T02:01:08Z","https://github.com/nuxt/ui/issues/3622",0.7277728,{"description":3205,"labels":3206,"number":3211,"owner":3147,"repository":3148,"state":3199,"title":3212,"updated_at":3213,"url":3214,"score":3215},"### Description\n\nHello Nuxt team,\n\nI want to ask how exactly [nested](https://ui.nuxt.com/components/drawer#api) API works in Drawer component. Do you plan to implement [DrawerRootNested](https://github.com/unovue/vaul-vue/blob/main/playground/src/views/tests/NestedDrawerView.vue) ([playground](https://vaul.unovue.com/test/nested-drawer)) as it is not part of [Drawer.vue](https://github.com/nuxt/ui/blob/v3/src/runtime/components/Drawer.vue) component? Is `nested` part of it or is it completely different?\n\nThank you for your time",[3207,3210],{"name":3208,"color":3209},"question","d876e3",{"name":3141,"color":3142},4320,"Nesting in Drawer component","2025-07-18T13:55:27Z","https://github.com/nuxt/ui/issues/4320",0.7464451,{"description":3217,"labels":3218,"number":3222,"owner":3147,"repository":3148,"state":3199,"title":3223,"updated_at":3224,"url":3225,"score":3226},"### Description\n\nsimilar github.com home page\r\n\r\n\n\n### Additional context\n\n_No response_",[3219],{"name":3220,"color":3221},"feature","A27AF6",814,"I would like to ask, have you considered making a new component: timeline?","2025-05-30T13:27:12Z","https://github.com/nuxt/ui/issues/814",0.7662298,{"description":3228,"labels":3229,"number":3235,"owner":3147,"repository":3148,"state":3199,"title":3236,"updated_at":3237,"url":3238,"score":3239},"### 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```",[3230,3231,3232,3233,3234],{"name":3138,"color":3139},{"name":3141,"color":3142},{"name":3178,"color":3179},{"name":3194,"color":3195},{"name":3197,"color":3195},3523,"Drawer shifts layout unlike modal","2025-06-18T09:01:40Z","https://github.com/nuxt/ui/issues/3523",0.7669054,{"labels":3241,"number":3246,"owner":3147,"repository":3147,"state":3199,"title":3247,"updated_at":3248,"url":3249,"score":3250},[3242,3243],{"name":3158,"color":3159},{"name":3244,"color":3245},"2.x","d4c5f9",6104,"Layout should be able to extend another layout (\"layout nesting\"?)","2023-01-22T15:50:56Z","https://github.com/nuxt/nuxt/issues/6104",0.7685518,{"description":3252,"labels":3253,"number":3257,"owner":3147,"repository":3148,"state":3199,"title":3258,"updated_at":3259,"url":3260,"score":3261},"### Description\n\nhttps://ui.nuxt.com/components/carousel#with-thumbnails\n\nThere are a couple of issues with the current implementation:\n\n1. Swiping via gestures isn't tracked — when switching slides this way, the active thumb doesn't update.\n2. The thumbs list can have more items, so scrolling needs to be handled properly.\n\nHere's my take on fixing both:\n```vue\n\u003Cscript setup lang=\"ts\">\nconst items = [\n 'https://picsum.photos/640/640?random=1',\n 'https://picsum.photos/640/640?random=2',\n 'https://picsum.photos/640/640?random=3',\n 'https://picsum.photos/640/640?random=4',\n 'https://picsum.photos/640/640?random=5',\n 'https://picsum.photos/640/640?random=6',\n 'https://picsum.photos/640/640?random=7',\n 'https://picsum.photos/640/640?random=8',\n 'https://picsum.photos/640/640?random=9',\n 'https://picsum.photos/640/640?random=10',\n]\n\nconst carousel = useTemplateRef('carousel')\nconst thumbCarousel = useTemplateRef('thumbCarousel')\nconst activeIndex = ref(0)\n\nfunction onClickPrev() {\n activeIndex.value--\n}\nfunction onClickNext() {\n activeIndex.value++\n}\n\nfunction onSelect(index: number) {\n activeIndex.value = index\n\n thumbCarousel.value?.emblaApi?.scrollTo(index)\n}\n\nfunction onThumbClick(index: number) {\n carousel.value?.emblaApi?.scrollTo(index)\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv class=\"flex-1 w-full\">\n \u003CUCarousel\n ref=\"carousel\"\n v-slot=\"{ item }\"\n arrows\n :items=\"items\"\n :prev=\"{ onClick: onClickPrev }\"\n :next=\"{ onClick: onClickNext }\"\n class=\"w-full max-w-xs mx-auto\"\n >\n \u003Cimg :src=\"item\" width=\"320\" height=\"320\" class=\"rounded-lg\">\n \u003C/UCarousel>\n\n \u003Cdiv class=\"pt-4 max-w-xs mx-auto\">\n \u003CUCarousel\n ref=\"thumbCarousel\"\n v-slot=\"{ item, index }\"\n :items=\"items\"\n class=\"w-full\"\n contain-scroll=\"keepSnaps\"\n drag-free\n :ui=\"{ item: 'basis-auto' }\"\n >\n \u003Cimg\n :src=\"item\"\n width=\"44\"\n height=\"44\"\n class=\"size-11 opacity-25 hover:opacity-100 transition-opacity rounded-lg\"\n :class=\"{ 'opacity-100': activeIndex === index }\"\n alt=\"\"\n @click=\"onThumbClick(index)\"\n >\n \u003C/UCarousel>\n \u003C/div>\n \u003C/div>\n\u003C/template>\n```\n\n### Additional context\n\n_No response_",[3254,3255,3256],{"name":3158,"color":3175},{"name":3141,"color":3142},{"name":3178,"color":3179},4032,"[Carousel] improve thumb example","2025-05-02T09:58:58Z","https://github.com/nuxt/ui/issues/4032",0.7722364,{"description":3263,"labels":3264,"number":3268,"owner":3147,"repository":3148,"state":3199,"title":3269,"updated_at":3270,"url":3271,"score":3272},"### Description\n\nThis is a re-opening of #1484 but for v3. It seems in the transition from v2 to v3, giving the indicators (now \"dots\") ARIA \"tab\" roles was lost. While I did mention it in my original issue, I don't believe my original PR accounted for when multiple items would be displayed at the same time. Perhaps the changes for v3 can take that into account.\n\n### Additional context\n\n_No response_",[3265,3266,3267],{"name":3158,"color":3175},{"name":3141,"color":3142},{"name":3178,"color":3179},4494,"Carousel component could be made more accessible (v3).","2025-07-10T12:18:41Z","https://github.com/nuxt/ui/issues/4494",0.77267796,["Reactive",3274],{},["Set"],["ShallowReactive",3277],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fstbAHEJRwi8-sVZNTRSEDDLeMHoPrDsordhEX-_uD5I":-1},"/nuxt/ui/4762"]