` 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```",[3211,3212,3214],{"name":3172,"color":3173},{"name":3213,"color":3192},"v3",{"name":3175,"color":3176},4599,"DashboardSidebar: v-model:open not working as expected","2025-07-25T16:31:55Z","https://github.com/nuxt/ui/issues/4599",0.6987251,{"description":3221,"labels":3222,"number":3225,"owner":3178,"repository":3179,"state":3180,"title":3226,"updated_at":3227,"url":3228,"score":3229},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v20.19.4`\n- Nuxt Version: `4.0.3`\n- CLI Version: `3.27.0`\n- Nitro Version: `2.12.4`\n- Package Manager: `npm@10.8.2`\n- Builder: `-`\n- User Config: `-`\n- Runtime Modules: `-`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Package\n\nv3.x\n\n### Version\n\nv3.3.2\n\n### Reproduction\n\n-\n\n### Description\n\nUsing a DashboardPanel as root component on a page causes error and problems for me. This seems to stem from the DashboardPanel having more than one root node. Modifying the source by moving the resize handle slot into the root div gets rid of the errors, but have not done any testing regarding that slot.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3223,3224],{"name":3172,"color":3173},{"name":3175,"color":3176},4833,"DashboardPanel has multiple root nodes","2025-08-27T12:06:39Z","https://github.com/nuxt/ui/issues/4833",0.7166268,{"description":3231,"labels":3232,"number":3236,"owner":3178,"repository":3179,"state":3237,"title":3238,"updated_at":3239,"url":3240,"score":3241},"### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Package\n\nv4.x\n\n### Version\n\nv4.0.1\n\n### Reproduction\n\n- https://s5gnp7-3000.csb.app/\n- https://codesandbox.io/p/devbox/determined-feynman-s5gnp7?file=%2Fapp%2Fapp.vue%3A129%2C51&workspaceId=ws_5t1C1ubVCgW2ZXzyDhJCyH\n\n### Description\n\n`\u003CUDashboardSidebar side=\"right\">` has no effect. The sidebar is still left and opens from the left on mobile.\n\nThe only effect it has, is that it has no more `border-r` class\n",[3233,3234,3235],{"name":3172,"color":3173},{"name":3175,"color":3176},{"name":3191,"color":3192},5135,"closed","DashboardSidebar prop side=\"right\" has no effect","2025-10-06T10:41:22Z","https://github.com/nuxt/ui/issues/5135",0.6237626,{"description":3243,"labels":3244,"number":3257,"owner":3178,"repository":3178,"state":3237,"title":3258,"updated_at":3259,"url":3260,"score":3261},"### Environment\n\nNuxi 3.6.2 \r\n \r\nRootDir: /home/ben/workspace/ceasy/packages/app/web \r\nNuxt project info: \r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.9.0\r\n- Nuxt Version: 3.6.2\r\n- Nitro Version: 2.5.2\r\n- Package Manager: npm@8.19.1\r\n- Builder: vite\r\n- User Config: telemetry, modules, tailwindcss, colorMode, typescript, alias, vite, runtimeConfig, experimental\r\n- Runtime Modules: @nuxtjs/color-mode@^3.3.0, @nuxtjs/tailwindcss@^6.8.0, unplugin-icons/nuxt, @nuxt/image@1.0.0-rc.3, @sidebase/nuxt-pdf\r\n- Build Modules: -\n\n### Reproduction\n\n```vue\r\n\u003Cscript setup lang=\"ts\">\r\nconst props = defineProps\u003C{\r\n scaleSize: number\r\n currentHeight: number\r\n}>()\r\n\r\nconst heightStyle = computed(() => ({ height: `${props.currentHeight}px` }))\r\nconst mainStyle = computed(() => ({\r\n scale: props.scaleSize,\r\n transformOrigin: `top`,\r\n}))\r\n\u003C/script>\r\n\u003Ctemplate>\r\n \u003Cdiv class=\"m-4 print:m-0\" :style=\"heightStyle\">\r\n \u003Cmain :style=\"mainStyle\">\r\n {{ heightStyle }}\r\n {{ mainStyle }}\r\n \u003C/main>\r\n \u003C/div>\r\n\u003C/template>\r\n```\n\n### Describe the bug\n\nThe scaleSize and currentHeight are based on https://vueuse.org/core/useWindowSize/#usewindowsize\r\n\r\nSo it's normal that during SSR the window size is incorrect, since it's unknown.\r\n\r\nThe defaults for the props in that case are:\r\n\r\n```\r\n{\r\n scaleSize: 1\r\n currentHeight: 794\r\n}\r\n```\r\n\r\nAfter the hydration however, the above component renders to:\r\n\r\n```html\r\n\u003Cdiv class=\"m-4 print:m-0\" style=\"height:794px;\">\u003Cmain style=\"scale:1;transform-origin:top;\">{\r\n \"height\": \"513.9670710571924px\"\r\n} {\r\n \"scale\": 0.6473136915077989,\r\n \"transformOrigin\": \"top\"\r\n}\u003C/main>\u003C/div>\r\n```\r\n\r\n```vue\r\n {{ heightStyle }}\r\n {{ mainStyle }}\r\n```\r\n\r\nrenders correctly, but \r\n\r\n```vue\r\n:style=\"heightStyle\"\r\n```\r\n\r\ndoes not get updated.\r\n\r\n\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3245,3248,3251,3254],{"name":3246,"color":3247},"3.x","29bc7f",{"name":3249,"color":3250},"pending triage","E99695",{"name":3252,"color":3253},"needs reproduction","FBCA04",{"name":3255,"color":3256},"⛔️ can be closed","484893",24200,"style of element not updated after hydration","2024-03-29T17:26:17Z","https://github.com/nuxt/nuxt/issues/24200",0.6872938,{"description":3263,"labels":3264,"number":3267,"owner":3178,"repository":3179,"state":3237,"title":3268,"updated_at":3269,"url":3270,"score":3271},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.16.0\n- Nuxt Version: 3.17.5\n- CLI Version: 3.25.1\n- Nitro Version: 2.11.12\n- Package Manager: bun@1.2.13\n- Builder: -\n- User Config: devtools, css, modules, runtimeConfig, compatibilityDate, i18n, auth, sourcemap\n- Runtime Modules: @nuxt/ui@3.1.3, @sidebase/nuxt-auth@0.10.1, @nuxtjs/i18n@9.5.5, @nuxt/image@1.10.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.1.3\n\n### Reproduction\n\nNuxt UI 3: https://codesandbox.io/p/devbox/winter-cherry-2pwhgv\nNuxt UI 2: https://stackblitz.com/edit/nuxt-ui-w6xry7tp?file=app.vue\n\n### Description\n\nI'm migrating my app from Nuxt UI 2 to 3. This is a regression in the Nuxt UI 3 version.\n\nIf this isn't possible, can we have a tooltip or something?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3265,3266],{"name":3172,"color":3173},{"name":3213,"color":3192},4300,"Select should expand to item's full width or at least allow showing it","2025-06-11T09:09:13Z","https://github.com/nuxt/ui/issues/4300",0.69456226,{"description":3273,"labels":3274,"number":3287,"owner":3178,"repository":3179,"state":3237,"title":3288,"updated_at":3289,"url":3290,"score":3291},"### Description\n\nI am implementing a dashboard with 2 sidebars, one on the left and one on the right with some content in-between them. I want the sidebars to be resizable, and have implemented this on the left sidebar using the resize-handle slot (https://ui.nuxt.com/components/dashboard-resize-handle#within-resize-handle-slot). I tried implementing the same thing on the right sidebar, but I cannot get the resize handle to appear on the left of the component. Can you provide me an example of what props / classes I need to use to accomplish this?\n\nI also want to have a \"Sidebar\" at the bottom of the center content. I know that the components only define a right / left side as a prop. Is there any way to do vertical collapse / resizing on these or should I implement that as a custom component using UCollapsible?",[3275,3278,3280,3281,3284],{"name":3276,"color":3277},"question","d876e3",{"name":3252,"color":3279},"CB47CF",{"name":3213,"color":3192},{"name":3282,"color":3283},"nuxt/ui-pro","00dc82",{"name":3285,"color":3286},"closed-by-bot","ededed",4027,"DashboardSidebar / DashboardResizeHandle","2025-05-31T02:08:59Z","https://github.com/nuxt/ui/issues/4027",0.69918287,{"description":3293,"labels":3294,"number":3298,"owner":3178,"repository":3179,"state":3237,"title":3299,"updated_at":3300,"url":3301,"score":3302},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v18.20.8`\n- Nuxt Version: `-`\n- CLI Version: `3.25.1`\n- Nitro Version: `-`\n- Package Manager: `npm@10.8.2`\n- Builder: `-`\n- User Config: `-`\n- Runtime Modules: `-`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\nVue\n\n### Version\n\nv3.1.4\n\n### Reproduction\n\nhttps://codesandbox.io/p/sandbox/repro-4zfnvf\n\n### Description\n\nCustomizing the prefix in vite.config.ts and using the component DashboardSidebarCollapse, renders a button with the default \"U\"-prefix. Any Nuxt UI components that uses other Nuxt UI components should respect the configured prefix-option.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3295,3296,3297],{"name":3172,"color":3173},{"name":3213,"color":3192},{"name":3282,"color":3283},4173,"DashboardSidebarCollapse does not respect prefix other than default","2025-06-26T15:24:25Z","https://github.com/nuxt/ui/issues/4173",0.6993505,["Reactive",3304],{},["Set"],["ShallowReactive",3307],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fc0fGHIP7-BRaAxViNhm-sfElSnVgucAq_9h55OLPegU":-1},"/nuxt/ui/5133"]