` component, specifically with the `v-model:open` binding:\n\n* `v-model:collapsed` works great — it properly handles the collapsed/expanded state.\n* But `v-model:open` doesn't seem to behave as expected. When I bind it to a custom `open` state and try to set it to `false` (e.g., using a custom button), the sidebar doesn’t actually close. Then, as soon as I click anywhere else on the page, the `open` value is automatically reset to `true`.\n\nIt feels like something internal is re-opening the sidebar and overriding the bound value.\n\nOther small notes:\n\n* `\u003CUDashboardSidebarToggle />` is hidden on desktop due to `lg:hidden`, which makes sense for mobile setups. But even when made visible, it doesn’t allow fully toggling the sidebar on desktop — the sidebar remains fixed.\n* I also tried changing the `default-size` prop (e.g., to `16rem` / `256px`), and it didn’t apply immediately. It only worked after clearing the site data. I’m guessing this is due to cookies storing the previous value? Maybe it could be possible to sync the cookie automatically when `default-size` changes?\n\nHere’s a minimal reproduction of the issue: [Here](https://codesandbox.io/p/devbox/polished-cookies-lrv5hm?file=%2Fapp%2Fpages%2Findex.vue%3A9%2C23)\n\nLastly, I was wondering if in the future it might be possible to support a prop like `expand-on-hover`, where a collapsed sidebar could temporarily expand on mouse hover — without pushing the rest of the layout. This could allow building more advanced layouts similar to what Supabase uses: a primary sidebar that stays collapsed when a secondary one is open, but can still expand on hover without shifting the content.\n\nThanks again for your amazing work and for considering these ideas! 😊\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3019,3022,3025],{"name":3020,"color":3021},"bug","d73a4a",{"name":3023,"color":3024},"v3","49DCB8",{"name":3026,"color":3027},"triage","ffffff",4599,"nuxt","ui","open","DashboardSidebar: v-model:open not working as expected","2025-07-25T16:31:55Z","https://github.com/nuxt/ui/issues/4599",0.7342965,{"description":3037,"labels":3038,"number":3042,"owner":3029,"repository":3030,"state":3043,"title":3044,"updated_at":3045,"url":3046,"score":3047},"### 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```",[3039,3040,3041],{"name":3020,"color":3021},{"name":3023,"color":3024},{"name":3026,"color":3027},4135,"closed","Slideover blocks background interaction even with `overlay=false`","2025-05-13T12:59:56Z","https://github.com/nuxt/ui/issues/4135",0.6964856,{"description":3049,"labels":3050,"number":3056,"owner":3029,"repository":3030,"state":3043,"title":3057,"updated_at":3058,"url":3059,"score":3060},"### 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```",[3051,3052,3055],{"name":3020,"color":3021},{"name":3053,"color":3054},"needs reproduction","CB47CF",{"name":3023,"color":3024},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.70453155,{"description":3062,"labels":3063,"number":3070,"owner":3029,"repository":3030,"state":3043,"title":3071,"updated_at":3072,"url":3073,"score":3074},"### For what version of Nuxt UI are you asking this question?\n\nv2.x\n\n### Description\n\nI'm wondering if there is an event (similar to ``@select``) for hovering over a table row?\n\nI want to show a popover panel upon hovering over a row\n\nMy current workaround is to insert an action column, and wrap it in a ``UPopover`` component. But preferably, the entire row should act as a trigger\n\nAny suggestions?\n\n```\n\u003Ctemplate #preview-data=\"{ row }\">\n \u003CUPopover \n mode=\"hover\" \n :open-delay=\"300\" \n :disabled=\"isMounted && !grid.sm\"\n :ui=\"{\n ring: 'dark:ring-gray-700'\n }\"\n >\n \u003CUButton icon=\"i-heroicons-identification-20-solid\" color=\"purple\" square />\n\n \u003Ctemplate #panel>\n \u003CRegioloketPreview \n :data=\"row\"\n />\n \u003C/template>\n \u003C/UPopover>\n \u003C/template>\n\n```\n\n",[3064,3067,3069],{"name":3065,"color":3066},"question","d876e3",{"name":3068,"color":3027},"wontfix-v2",{"name":3023,"color":3024},2435,"@hover event for UTable rows","2025-07-01T14:32:16Z","https://github.com/nuxt/ui/issues/2435",0.7150905,{"description":3076,"labels":3077,"number":3085,"owner":3029,"repository":3030,"state":3043,"title":3086,"updated_at":3087,"url":3088,"score":3089},"### Environment\n\n- Operating System: Linux\n- Node Version: v18.20.3\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@8.15.6\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@2.19.2\n- Build Modules: -\n\n### Version\n\n2.19.2(vite@5.4.11)(vue@3.5.13)\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-dvarzb\n\n### Description\n\nI tried to add new functionality on USelectMenu to have information icon on select menu option so that when you hover on it, it will trigger UPopover to display important detail of the object including an action button to open a slideover. \n\nI tried it on multiple mode and single mode. But the implementation was not working on single mode. To give you more context, I'm using `@mouseenter` and `@mouseleave` events on the popover panel slot in order to detect whether I'm on the popover panel and to prevent clicking the option when I'm clicking the `Open detailed view` button.\n\n\n\nThe issue was when I'm in single mode and tried to hover on the icon then clicked the `Open detailed view` button, it closes both the popover and the select menu.\n\nI expect it would open the slide over both in multiple and single select menu.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3078,3079,3080,3083],{"name":3020,"color":3021},{"name":3026,"color":3027},{"name":3081,"color":3082},"closed-by-bot","ededed",{"name":3084,"color":3082},"stale",2753,"[USelectMenu] [UPopover] Can't open click button inside popover panel in select menu option","2025-06-18T09:05:35Z","https://github.com/nuxt/ui/issues/2753",0.7163222,{"description":3091,"labels":3092,"number":3098,"owner":3029,"repository":3030,"state":3043,"title":3099,"updated_at":3100,"url":3101,"score":3102},"### For what version of Nuxt UI are you suggesting this?\n\nv2.x\n\n### Description\n\nI'm using a Table in my project to display a list of \"Items\" with a summary of their properties. To view the full details of an item, users can click on a row to navigate to a detailed page for that item.\n\nCurrently, I'm using the `@select` event to handle row clicks and navigate to the details page. However, this approach doesn’t support opening the details page in a new tab when users right-click or middle-click on a row.\n\nIs there a way to make each row behave more like a link to support this functionality? Or is there any possibility of adding support for this in a future update?\n\nThank you!\n\n\n### Additional context\n\n_No response_",[3093,3096,3097],{"name":3094,"color":3095},"enhancement","a2eeef",{"name":3068,"color":3027},{"name":3023,"color":3024},2492,"[Feature request] Add link compatibility with Table row","2025-07-01T12:18:07Z","https://github.com/nuxt/ui/issues/2492",0.71771055,{"description":3104,"labels":3105,"number":3108,"owner":3029,"repository":3030,"state":3043,"title":3109,"updated_at":3110,"url":3111,"score":3112},"### For what version of Nuxt UI are you suggesting this?\n\nv3.0.0-alpha.x\n\n### Description\n\nAFAIK there is currently no documented way to prevent the popover from opening automatically through click or hover.\n\nExample API:\n\n```\n\u003CUPopover mode=\"manual\">\n \u003CUButton>I don't do anything\u003C/UButton\n\u003C/UPopover>\n```\n\n### Additional context\n\nRelated to #721 (but not fixed)",[3106,3107],{"name":3094,"color":3095},{"name":3023,"color":3024},2925,"Popover manual mode with no click nor hover","2025-05-10T17:19:51Z","https://github.com/nuxt/ui/issues/2925",0.71882397,{"description":3114,"labels":3115,"number":3123,"owner":3029,"repository":3029,"state":3043,"title":3124,"updated_at":3125,"url":3126,"score":3127},"### Version\n\n[v2.2.0](https://github.com/nuxt.js/releases/tag/v2.2.0)\n\n### Reproduction link\n\n[https://codesandbox.io/s/vm3okyjyol](https://codesandbox.io/s/vm3okyjyol)\n\nAdditional reproduction and debugging examples provided by manniL (small edits by me):\n\nhttps://codesandbox.io/s/5zwmmxqzvl (nuxt 2.2.0)\nhttps://codesandbox.io/s/k02x548j45 (nuxt 1.4.4 - same code as above, but BUG NOT OCCURRING HERE)\n\n### Steps to reproduce\n\nClick \"Go to TEST page\"\nClick \"Click here to open the nuxt child!\"\nClick outside the grey box to close the nuxt child\nClick \"Click here to open the nuxt child!\" again\n\n### What is expected ?\n\nAfter the second click on \"Click here to open the nuxt child!\" on the TEST page, the gray box (=nuxt-child) should stay visible\n\n### What is actually happening?\n\nInstead the child disappears almost immediately, which means the click to navigate to the child page is the same click that closes the child page\n\n### Additional comments?\n\nThe grey box is a nuxt-child. When clicking outside the child, the child is closed. This is done via a v-click-outside directive. Note that the same code worked fine and as expected in 1.4.4 and earlier.\n\nOn the main /index.vue page everything works correct. The issue occurs on all pages except for the main /index.vue page. If I were to create /test/index.vue, and a nuxt-child /test/index/subpage.vue, the bug would occur as well.\n\nThe issue only occurs from the second opening of the nuxt-child on. The first time everything works as expected. My assumption is that the nuxt-child somehow stays active/ready. Check the logs to see that when the issue occurs, the nuxt-child is mounted and then the same click that opened the nuxt-child triggers a click-event through the nuxt-child's click-outside directive.\n\n\n\n\u003C!--cmty-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c8115\">#c8115\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3116,3117,3120],{"name":3084,"color":3027},{"name":3118,"color":3119},"pending triage","E99695",{"name":3121,"color":3122},"2.x","d4c5f9",4306,"Nuxt-child sometimes mounted before click event that opens it","2023-01-22T15:30:07Z","https://github.com/nuxt/nuxt/issues/4306",0.72693455,{"labels":3129,"number":3132,"owner":3029,"repository":3029,"state":3043,"title":3133,"updated_at":3134,"url":3135,"score":3136},[3130,3131],{"name":3118,"color":3119},{"name":3121,"color":3122},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.73153937,{"description":3138,"labels":3139,"number":3142,"owner":3029,"repository":3030,"state":3043,"title":3143,"updated_at":3144,"url":3145,"score":3146},"### 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```",[3140,3141],{"name":3020,"color":3021},{"name":3023,"color":3024},3406,"User interaction lock after a Drawer/DropdownMenu","2025-02-27T20:57:27Z","https://github.com/nuxt/ui/issues/3406",0.73269045,["Reactive",3148],{},["Set"],["ShallowReactive",3151],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fteVe6o66oo3pVZMw5e5DhtkcNhgh9iekHooN-NrsShg":-1},"/nuxt/ui/4289"]