\n \u003C/template>\n \u003CUButton\n label=\"Open\"\n color=\"neutral\"\n variant=\"subtle\"\n trailing-icon=\"i-lucide-chevron-down\"\n block\n />\n \u003C/UCollapsible>\n\n### Additional context\n\n_No response_",[3137,3140,3143],{"name":3138,"color":3139},"enhancement","a2eeef",{"name":3141,"color":3142},"v3","49DCB8",{"name":3144,"color":3145},"triage","ffffff",4146,"nuxt","ui","open","Can we add a reverse prop for collapsible.","2025-05-13T21:49:55Z","https://github.com/nuxt/ui/issues/4146",0.7238764,{"description":3155,"labels":3156,"number":3164,"owner":3147,"repository":3148,"state":3149,"title":3165,"updated_at":3166,"url":3167,"score":3168},"### Description\n\nWhen using the Nuxt UI Drawer, if you press and hold on the content inside the drawer (not the top drag handle), the drawer starts to \"jump\" or flicker as if it's trying to close or collapse — but it doesn't fully do so. It feels like it's responding to a drag gesture, even though you're not interacting with the handle.\n\nThis issue is also reproducible on the official ui.nuxt.com site.\n\nSteps to reproduce\n\n1. Open a Drawer that contains content (text, divs, etc.).\n\n2. Click and hold anywhere on the content (not the drag handle at the top).\n\n3. Slightly drag or move your finger/mouse.\n\n4. The drawer begins to flicker or \"jerk\" as if it's trying to collapse.\n\n5. If there's a horizontal scroll inside the drawer, its width may flicker or resize as well.\n\nExpected behavior\nThe drawer should remain stable unless the user explicitly interacts with the drag handle. Content interaction shouldn't trigger drawer behavior.\n\nAdditional context\nThis seems to happen only when dragging or holding on the content area, which suggests that the gesture might be incorrectly triggering the drawer's collapse logic.\n\nDoes anyone know how to fix or work around this?\nMaybe there's a way to prevent gesture events from propagating to the drawer when interacting with content? Or should we explicitly block drag/touch events inside the drawer body?\n\nAny insights would be appreciated!\n\n\u003Cimg width=\"448\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/886dd0aa-d153-4fae-aa82-65143d38ee59\" />",[3157,3160,3161],{"name":3158,"color":3159},"bug","d73a4a",{"name":3141,"color":3142},{"name":3162,"color":3163},"reka-ui","56d799",3947,"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.7689611,{"description":3170,"labels":3171,"number":3174,"owner":3147,"repository":3148,"state":3149,"title":3175,"updated_at":3176,"url":3177,"score":3178},"### Environment\n\n- Node Version: v20.12.1\n- Nuxt Version: 4.0.3\n- CLI Version: 3.28.0\n- Nitro Version: 2.11.12\n- Package Manager: pnpm@8.15.6\n- Builder: -\n- User Config: devtools, modules, css, compatibilityDate\n- Runtime Modules: @nuxt/ui@4.0.0-alpha.0, @nuxt/eslint@1.9.0, @vueuse/nuxt@13.7.0\n- Build Modules: -\n\n### Version\n\nv4.0.0-alpha.0\n\n### Reproduction\n\nhttps://codesandbox.io/p/sandbox/pxxcvj\n\n### Description\n\nAttaching a read-only `:collapsed` to `DashboardSidebar` does not prevent `DashboardSidebarCollapse` from collapsing/expanding the sidebar.\n\nIn the reproduction, when you change the width of the screen to be narrower than `96rem`, sidebar will always collapse. When you widen it back out, sidebar will expand if it was expanded before.\n\nIf you make the screen narrower until the sidebar collapses, and then press the `DashboardSidebarCollapse`, it will expand, despite the fact that the computed `collapsed` is still `true`.\n\nIn the reproduction that is represented by having `collapsed: true` written on the page, but the sidebar being expanded.\n\nExpected the sidebar to keep being collapsed, until computed `collapsed` becomes `false`.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3172,3173],{"name":3158,"color":3159},{"name":3144,"color":3145},4789,"v4: `DashboardSidebarCollapse` controls the `DashboardSidebar` despite its `collapsed` value being readonly","2025-08-19T06:50:12Z","https://github.com/nuxt/ui/issues/4789",0.7814112,{"description":3180,"labels":3181,"number":3184,"owner":3147,"repository":3148,"state":3149,"title":3185,"updated_at":3186,"url":3187,"score":3188},"### Description\n\nHi,\n I love your UI Library but some things are missing before I decide to use it.\nhttps://ui.nuxt.com/components/modal => I have a problem on landscape-oriented screens and/or all screens that are not large screen in height and a large content in the modal. You have decided to manage the overflow in the modal itself. However, it would be more clever/handy to use the page's scrollbar. Just add an option/prop in order to choice the overflow method ?\n\nPlease take a look here : https://fancyapps.com/fancybox/guides/html/ (very old famous plugin) or this one : https://vodkabears.github.io/remodal/\n\nCurrently, i have a very little scrollbar inside the modal (especially with long content..). And the UX experience is, according to me, not very good.\n\nOther question (feature certainly ?), i need to ask birthday date for my users. I don't see nowhere where i can ask the year (https://ui.nuxt.com/components/calendar), when he selects the year, display months, when he selects the month, display days (of the month previously selected) and if he selects the day, insert the formatted date in my input intended for this. \n\n\u003Cimg src=\"https://github.com/user-attachments/assets/2386ffda-5824-4748-b928-ae1576761887\" alt=\"Image\" width=\"300\">\n(demo with vuetify framework)\n\nCurrently, with your component, we need to click 50 times if i have 50 years old (just to select the year) ?! \n\n\n\n### Additional context\n\n_No response_",[3182,3183],{"name":3138,"color":3139},{"name":3144,"color":3145},4814,"Modal overflow not very UX friendly in all cases.","2025-08-24T21:34:03Z","https://github.com/nuxt/ui/issues/4814",0.7839391,{"description":3190,"labels":3191,"number":3195,"owner":3147,"repository":3148,"state":3196,"title":3197,"updated_at":3198,"url":3199,"score":3200},"### Description\n\nIs there any chance we can get option to enable/disable collapsible when collapsed prop is true. v3.0.0-alpha.13 'fixed' NavigationMenu: disable collapsible with collapsed prop, i used nuxt ui since v3.0.0-alpha.12 and thought the collapsible when collapsed was feature.\n\n### Additional context\n\n_No response_",[3192,3193,3194],{"name":3138,"color":3139},{"name":3141,"color":3142},{"name":3144,"color":3145},3353,"closed","NavigationMenu: Option to enable collapsible with collapsed prop","2025-05-10T15:51:54Z","https://github.com/nuxt/ui/issues/3353",0.75455123,{"description":3202,"labels":3203,"number":3210,"owner":3147,"repository":3147,"state":3196,"title":3211,"updated_at":3212,"url":3213,"score":3214},"### Environment\n\ndoc\n\n### Reproduction\n\n\r\nManual mouse selection from [Using Composables Within Plugins](https://nuxt.com/docs/guide/directory-structure/plugins#using-composables-within-plugins)\r\n\r\n```\r\nexport default defineNuxtPlugin((NuxtApp) =>\r\n const foo = useFoo()\r\n})\r\n```\r\n\n\n### Describe the bug\n\nWhen we do not click over the button `Copy to clipboard` and do a manual selection the left bracket is missing.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3204,3207],{"name":3205,"color":3206},"3.x","29bc7f",{"name":3208,"color":3209},"pending triage","E99695",15676,"docs(plugins): Typo into - Using Composables Within Plugins - Example","2023-01-19T18:24:54Z","https://github.com/nuxt/nuxt/issues/15676",0.755716,{"description":3216,"labels":3217,"number":3219,"owner":3147,"repository":3148,"state":3196,"title":3220,"updated_at":3221,"url":3222,"score":3223},"### Environment\n\n- Operating System: Linux\r\n- Node Version: v18.20.3\r\n- Nuxt Version: 3.13.2\r\n- CLI Version: 3.14.0\r\n- Nitro Version: 2.9.7\r\n- Package Manager: pnpm@8.15.6\r\n- Builder: -\r\n- User Config: -\r\n- Runtime Modules: -\r\n- Build Modules: -\n\n### Version\n\nv2.18.6\n\n### Reproduction\n\nhttps://stackblitz.com/~/github.com/Yves852/nuxt-ui-commandpalette-hover\n\n### Description\n\nSelecting an element on click is visually inconsistent. Visually all elements are selected, independantly of `v-model=\"selected\"`.\r\n\r\nWith props `multiple` visually will select all or unselect all, independantly of `v-model=\"selected\"`.\r\n\r\nOn keyboard, using \"enter\" to select update selected correctly but component jump to first element. Same visual problems as mouse.\r\n\r\nThe prop `nullable` doesn't seem to influence the bug.\r\n\r\nRelated to https://github.com/nuxt/ui/issues/2284\r\nCould be related to [1708](https://github.com/nuxt/ui/issues/1708)\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3218],{"name":3158,"color":3159},2285,"CommandPalette: visual item selection inconsistent","2024-11-19T15:26:05Z","https://github.com/nuxt/ui/issues/2285",0.7563349,{"description":3225,"labels":3226,"number":3234,"owner":3147,"repository":3148,"state":3196,"title":3235,"updated_at":3236,"url":3237,"score":3238},"### Description\n\nCurrently, the accordion component relies solely on divs and buttons, which means it's not fully accessible to assistive technologies. \n\nTo fix this, the accordion should have an HTML structure similar to the one shown in the example below.\n\n```html\n\u003Cdiv role=\"group\" aria-labelledby=\"group-name\">\n \u003Cspan hidden id=\"group-name\">Lorem ipsum dolor sit.\u003C/span>\n \u003Cdetails name=\"accordion-name\">\n \u003Csummary>Lorem, ipsum dolor.\u003C/summary>\n \u003Cp>\n Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,\n voluptatibus.\n \u003C/p>\n \u003C/details>\n \u003Cdetails name=\"accordion-name\">\n \u003Csummary>Lorem, ipsum dolor.\u003C/summary>\n \u003Cp>\n Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,\n voluptatibus.\n \u003C/p>\n \u003C/details>\n \u003Cdetails name=\"accordion-name\">\n \u003Csummary>Lorem, ipsum dolor.\u003C/summary>\n \u003Cp>\n Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,\n voluptatibus.\n \u003C/p>\n \u003C/details>\n\u003C/div>\n```\n\nThis accordion is now completely accessible and requires no JavaScript to function like the current accordion.\nAdditionally, this accordion will also automatically expand if a user searches for words that appear in each accordion item.\n\nThis is how the current accordion is visualized from the accessibility tree.\n\n\u003Cimg width=\"300\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/c61583dd-b2a5-4e48-acaa-e0c156f0bee5\" />\n\n\nThis is how the new accordion will be visualized from the accessibility tree.\n\n\u003Cimg width=\"450\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/6490bbb7-d453-4516-89a1-069ff31c88e8\" />\n\nI would love to hear your opinion on this, and I would also be glad to help out if needed.\n\n\n### Additional context\n\n_No response_",[3227,3228,3229,3232],{"name":3138,"color":3139},{"name":3144,"color":3145},{"name":3230,"color":3231},"closed-by-bot","ededed",{"name":3233,"color":3231},"stale",4338,"Accordion a11y using details and summary","2025-08-22T02:08:27Z","https://github.com/nuxt/ui/issues/4338",0.7602425,{"description":3240,"labels":3241,"number":3248,"owner":3147,"repository":3148,"state":3196,"title":3249,"updated_at":3250,"url":3251,"score":3252},"### 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.",[3242,3245,3246,3247],{"name":3243,"color":3244},"question","d876e3",{"name":3141,"color":3142},{"name":3230,"color":3231},{"name":3233,"color":3231},4254,"NavigationMenu transitions/animations on toggle collapsed state","2025-08-20T02:08:33Z","https://github.com/nuxt/ui/issues/4254",0.7670302,{"description":3254,"labels":3255,"number":3259,"owner":3147,"repository":3148,"state":3196,"title":3260,"updated_at":3261,"url":3262,"score":3263},"### Is your feature request related to a problem? Please describe.\r\n\r\nCurrently, tables work like normal HTML tables. This means that on small screens the width will mostly/always exceed the device width, leaving the user to scroll down through the results.\r\n\r\n\r\n### Describe the solution you'd like\r\n\r\nInstead of letting the user scrolling and hide the information from other columns due to the device width, I think a good solution would be to collapse the cells vertically:\r\n\r\n- Headers would be kept as-is, allowing the user to scroll through the header columns.\r\n- The rest of the Table functionality would be kept intact.\r\n\r\n### Describe alternatives you've considered\r\n\r\nCreating my own table with using `table` CSS properties is cumbersome and using HTML's `\u003Ctable>` doesn't leave space for _creativity_.\r\n\r\nAlso, since it's not a Nuxt UI Table, all functionality is lost and must be made from scratch (or forked).\r\n\r\n### Additional context\r\n\r\nThe other approach is to create a new Data element called `List` that would work as table-like, but use `\u003Cdiv>` internally, use CSS to be presented as table-like, offer the same features (sorting, pagination, etc.) , and configure a breakpoint to transform the list into a `grid`.",[3256,3257,3258],{"name":3138,"color":3139},{"name":3230,"color":3231},{"name":3233,"color":3231},527,"[Table] Allow to collapse a row cells vertically on a breakpoint","2025-06-18T09:06:42Z","https://github.com/nuxt/ui/issues/527",0.768618,["Reactive",3265],{},["Set"],["ShallowReactive",3268],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$ffbAom1s8GqCbM6qnND1z3ng05zdNxe_GxMkGSRPRKRc":-1},"/nuxt/ui/3202"]