` 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```",[3145,3148,3151],{"name":3146,"color":3147},"bug","d73a4a",{"name":3149,"color":3150},"v3","49DCB8",{"name":3152,"color":3153},"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.66271824,{"description":3163,"labels":3164,"number":3167,"owner":3155,"repository":3156,"state":3157,"title":3168,"updated_at":3169,"url":3170,"score":3171},"### Environment\n\n- Operating System: `Linux`\n- Node Version: `v20.18.1`\n- Nuxt Version: `4.0.3`\n- CLI Version: `3.27.0`\n- Nitro Version: `2.12.4`\n- Package Manager: `pnpm@9.15.0`\n- Builder: `-`\n- User Config: `devtools`, `srcDir`, `modules`, `future`, `css`, `content`, `routeRules`, `compatibilityDate`, `i18n`, `ogImage`, `seo`, `sitemap`\n- Runtime Modules: `@nuxt/ui@4.0.0-alpha.0`, `@vueuse/nuxt@13.6.0`, `@nuxt/content@3.6.3`, `@nuxtjs/i18n@10.0.3`, `@nuxtjs/seo@3.1.0`\n- Build Modules: `-`\n\n\n### Version\n\nv4.0.0-alpha.0\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/nuxt-ui-marquee-bug-in-rtl-mode-8q3sth\n\n### Description\n\nWhen using the `UMarquee` component in **RTL mode**, the animation does not behave as expected. \n- After the repeated divs finish scrolling, the marquee completely clears the container. \n- Then, icons start appearing again **from the beginning**. \n\n\n### Additional context\n\n\u003Cimg width=\"772\" height=\"357\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/e807bd0c-0bdd-4504-8118-d9d20d037e5b\" />\n\n### Logs\n\n```shell-script\n\n```",[3165,3166],{"name":3146,"color":3147},{"name":3152,"color":3153},4813,"`Marquee` does not work properly in RTL mode (v4)","2025-08-24T15:03:10Z","https://github.com/nuxt/ui/issues/4813",0.6888414,{"description":3173,"labels":3174,"number":3178,"owner":3155,"repository":3156,"state":3157,"title":3179,"updated_at":3180,"url":3181,"score":3182},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v22.13.0\n- Nuxt Version: 3.17.7\n- CLI Version: 3.25.1\n- Nitro Version: 2.11.13\n- Package Manager: npm@11.5.1\n- Builder: -\n- User Config: devServer, runtimeConfig, experimental, devtools, ssr, components, modules, imports, shiki, css, ui, icon, compatibilityDate\n- Runtime Modules: @pinia/nuxt@0.11.2, @nuxt/ui@3.2.0, @nuxt/image@1.10.0, @vueuse/nuxt@13.5.0, nuxt-shiki@0.3.1, @nuxt/icon@1.15.0, @nuxtjs/color-mode@3.5.2, @compodium/nuxt@0.1.0-beta.11\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.17.7\n\n### Reproduction\n\nhttps://ui.nuxt.com/components/dropdown-menu (call any menu DropdownMenu from example)\nhttps://ui.nuxt.com/components/context-menu (call any menu ContexMenu from example)\n\n### Description\n\nWhen I call any UDropdownMenu or UContextMenu in my project, it causes the elements in the entire page template to shift and also removes the scrollbar from the page, which also causes the content to shift. This can also be checked on the documentation page. I made a screen recording.\n\nHere you can see how the icon in the left menu moves to select UI Pro, as well as scrolling this menu. And the main page scroll disappears.\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3175,3176,3177],{"name":3146,"color":3147},{"name":3149,"color":3150},{"name":3152,"color":3153},4619,"UDropdownMenu, UContextMenu move elements on the page and remove page scroll","2025-07-28T15:39:43Z","https://github.com/nuxt/ui/issues/4619",0.72156936,{"description":3184,"labels":3185,"number":3191,"owner":3155,"repository":3156,"state":3192,"title":3193,"updated_at":3194,"url":3195,"score":3196},"### Environment\n\nOperating System: Windows 11\nNode Version: v22.14.0\nNuxt Version: 3.17.4\nNitro Version: 2.11.12\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.3\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/unruffled-frog-pz7l74\n\n### Description\n\nHi,\nI'm experiencing an issue with the UDashboardSidebar component when using it in a right-to-left (RTL) layout. While resizing, the drag direction appears to be inverted—it moves in the opposite direction of the cursor.\n\nI've made an example project.\n\nCould you please look into this and let me know if there's a fix or workaround? I'm currently using Nuxt UI Pro in development.\n\nThanks a lot!\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3186,3187,3188],{"name":3146,"color":3147},{"name":3149,"color":3150},{"name":3189,"color":3190},"nuxt/ui-pro","00dc82",4293,"closed","UDashboardSidebar Resize Drag Direction Reversed in RTL theme","2025-07-02T11:44:08Z","https://github.com/nuxt/ui/issues/4293",0.5581102,{"description":3198,"labels":3199,"number":3203,"owner":3155,"repository":3156,"state":3192,"title":3204,"updated_at":3205,"url":3206,"score":3207},"### Environment\n\nOperating System: Windows 11\nNode Version: v22.14.0\nNuxt Version: 3.17.4\nNitro Version: 2.11.12\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.1.3\n\n### Description\n\nHi,\nI'm experiencing an issue with the UDashboardSidebar component when using it in a right-to-left (RTL) layout. While resizing, the drag direction appears to be inverted—it moves in the opposite direction of the cursor.\n\nCould you please look into this and let me know if there's a fix or workaround? I'm currently using Nuxt UI Pro in development.\n\nThanks a lot!",[3200,3201,3202],{"name":3146,"color":3147},{"name":3149,"color":3150},{"name":3152,"color":3153},4262,"UDashboardSidebar Resize Drag Direction Reversed in RTL Mode","2025-06-05T08:28:21Z","https://github.com/nuxt/ui/issues/4262",0.5920907,{"description":3209,"labels":3210,"number":3214,"owner":3155,"repository":3156,"state":3192,"title":3215,"updated_at":3216,"url":3217,"score":3218},"### Environment\n\n- Operating System: `Linux`\n- Node Version: `v22.14.0`\n- Nuxt Version: `3.17.3`\n- CLI Version: `3.25.1`\n- Nitro Version: `2.11.12`\n- Package Manager: `bun@1.2.13`\n- Builder: `-`\n- User Config: `future`, `compatibilityDate`, `devtools`, `modules`, `css`, `components`, `i18n`, `icon`, `runtimeConfig`, `app`, `hooks`, `site`, `sitemap`, `pwa`, `fonts`\n- Runtime Modules: `@nuxt/eslint@1.4.0`, `@nuxt/fonts@0.11.4`, `@nuxt/image@1.10.0`, `@nuxt/scripts@0.11.7`, `@nuxt/ui@3.1.2`, `@nuxtjs/i18n@9.5.4`, `@vueuse/nuxt@13.2.0`, `@pinia/nuxt@0.11.0`, `@nuxtjs/sitemap@7.2.10`, `@vite-pwa/nuxt@1.0.1`\n- Build Modules: `-`\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.2\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/wizardly-shamir-f8924y\n\n### Description\n\nThe `URadioGroup` component's table variant renders borders incorrectly in RTL mode. This appears to be a visual issue specific to RTL layouts. The expected result is that borders should match the appearance of the LTR layout, but they do not.\n\n### Additional context\n\nIn LTR Mode:\n\n\nIn RTL Mode:\n",[3211,3212,3213],{"name":3146,"color":3147},{"name":3149,"color":3150},{"name":3152,"color":3153},4190,"URadioGroup table variant borders display incorrectly in RTL mode","2025-05-22T12:36:45Z","https://github.com/nuxt/ui/issues/4190",0.6973077,{"description":3220,"labels":3221,"number":3230,"owner":3155,"repository":3156,"state":3192,"title":3231,"updated_at":3232,"url":3233,"score":3234},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.14.0\n- Nuxt Version: 3.17.0\n- CLI Version: 3.25.0\n- Nitro Version: 2.11.11\n- Package Manager: pnpm@10.9.0\n- Builder: -\n- User Config: modules, colorMode, image, content, plausible, devtools, hub, css, mdc, nitro, runtimeConfig, routeRules, future, compatibilityDate, eslint\n- Runtime Modules: @nuxt/eslint@1.3.0, @nuxt/image@1.10.0, @nuxt/ui-pro@3.1.0, @nuxt/content@3.5.1, @nuxthub/core@0.8.25, @nuxtjs/plausible@1.2.0, @vueuse/nuxt@13.1.0, nuxt-og-image@5.1.3\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.0\n\n### Reproduction\n\n1. Open [saas-template.nuxt.dev](https://saas-template.nuxt.dev/) in Safari on macOS 18.4.\n2. Scroll to the Testimonials section.\n3. Observe that after a line break in the grid, the first card in each new row is not rendered.\n4. Open Safari’s developer tools and disable the first CSS rule:\n```\n:is(.*:will-change-transform>*) {\n will-change: transform;\n}\n```\n5. Observe that the missing cards now appear, but borders render incorrectly.\n\n\n### Description\n\nOn Safari for macOS (Version 18.4 – 20621.1.15.11.10), using @nuxt/ui components in a responsive grid layout causes elements to disappear after a line break. Specifically, the first item in each new row is not rendered when will-change: transform is applied.\n\n**🔍 Context**\nThe issue is reproducible on your official SaaS template: [saas-template.nuxt.dev](https://saas-template.nuxt.dev/), in the testimonial section. This section uses only @nuxt/ui components – no @nuxt/ui-pro components are involved. The relevant code lives in [/app/pages/index.vue](https://github.com/nuxt-ui-pro/saas/blob/main/app/pages/index.vue), lines 58–80.\n\n**📍 Suspected Source**\nIn Safari, the following rule seems to break the layout:\n\n```\n:is(.*:will-change-transform>*) {\n will-change: transform;\n}\n```\nDisabling this rule in Safari's dev tools makes the hidden items visible again. However, doing so causes border-top rendering to break.\n\n\n**📸 Screenshots**\nIssue (first items not rendered):\n\n\nAfter disabling will-change (cards reappear):\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3222,3223,3226,3227],{"name":3146,"color":3147},{"name":3224,"color":3225},"duplicate","cfd3d7",{"name":3149,"color":3150},{"name":3228,"color":3229},"pro","5BD3CB",4026,"Safari Bug: Grid layout issues with `will-change: transform`","2025-04-30T13:51:05Z","https://github.com/nuxt/ui/issues/4026",0.7011605,{"description":3236,"labels":3237,"number":3240,"owner":3155,"repository":3156,"state":3192,"title":3241,"updated_at":3242,"url":3243,"score":3244},"### 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```",[3238,3239],{"name":3146,"color":3147},{"name":3149,"color":3150},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.7036937,{"description":3246,"labels":3247,"number":3251,"owner":3155,"repository":3156,"state":3192,"title":3252,"updated_at":3253,"url":3254,"score":3255},"### Environment\n\n- Nuxt version: `v.3.2.0`\n- Vue version: `v3.5.17`\n\n### Is this bug related to Nuxt or Vue?\n\nVue\n\n### Version\n\nv3.2.0\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/thirsty-snow-722czt?file=%2Fsrc%2FApp.vue&workspaceId=ws_An7GtePWxuFz84S5Ko1Dey\n\n### Description\n\n## Vue 3 + NuxtUI Pro: Components Not Working After Page Reload\n\nHello,\n\nI am using Vue 3 together with NuxtUI Pro during development. I have been trying to solve this issue for 2 days but unfortunately, I still haven’t found a solution.\n\n**Problem Summary:** \nWhen I modify the code on the page, everything works correctly with *hot module replacement* (HMR). However, when I fully reload the page (`F5`), the components do not render or work as expected.\n\nHere is the relevant template code:\n\n```vue\n\u003Ctemplate>\n \u003CUApp>\n \u003CUDashboardGroup>\n \u003CUDashboardSidebar \n collapsible\n resizable \n >\n \u003C/UDashboardSidebar>\n \n \u003CUDashboardPanel>\n \n \u003Ctemplate #header>\n \u003CUDashboardNavbar title=\"RİDES\" icon=\"i-lucide-house\">\n \u003Ctemplate #leading>\n \u003CUDashboardSidebarCollapse variant=\"subtle\" />\n \u003C/template>\n \u003C/UDashboardNavbar>\n \u003C/template>\n \n \u003Ctemplate #body>\n \u003CRouterView />\n \u003C/template>\n \n \u003C/UDashboardPanel>\n \u003C/UDashboardGroup>\n \u003C/UApp>\n\u003C/template>",[3248,3249,3250],{"name":3146,"color":3147},{"name":3149,"color":3150},{"name":3152,"color":3153},4487,"Sidebar not collapsed after page reload [with Vite + Vue3 + Nuxtui Pro Development mode]","2025-07-08T12:17:31Z","https://github.com/nuxt/ui/issues/4487",0.70542586,{"description":3257,"labels":3258,"number":3263,"owner":3155,"repository":3156,"state":3192,"title":3264,"updated_at":3265,"url":3266,"score":3267},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.13.1\n- Nuxt Version: 3.15.4\n- CLI Version: 3.22.2\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@10.6.1\n- Builder: -\n- User Config: ssr, dev, debug, app, modules, devtools, css, icon, future, nitro, vite, compatibilityDate, typescript, runtimeConfig, eslint\n- Runtime Modules: @nuxt/eslint@1.1.0, @nuxt/ui-pro@3.0.0-beta.2, @nuxt/image@1.9.0, @vueuse/nuxt@12.7.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-beta.2\n\n### Reproduction\n\nFor the PageList component, the first child is correctly converted to a li, the remaining ones are still divs and haven't been converted. Also, the data-orientation value of the first li is incorrectly forced to vertical.\n\n### Description\n\nFor the PageList component, the first child is correctly converted to a li, the remaining ones are still divs and haven't been converted. Also, the data-orientation value of the f\n\n\u003Cimg width=\"603\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/1db776b9-a16f-4788-8834-c68dfa931c7f\" />\n\nirst li is incorrectly forced to vertical.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3259,3260,3261,3262],{"name":3146,"color":3147},{"name":3149,"color":3150},{"name":3228,"color":3229},{"name":3152,"color":3153},3485,"For the PageList component, the first child is correctly converted to a li, the remaining ones are still divs and haven't been converted. Also, the data-orientation value of the first li is incorrectly forced to vertical.","2025-03-08T16:32:27Z","https://github.com/nuxt/ui/issues/3485",0.70575273,["Reactive",3269],{},["Set"],["ShallowReactive",3272],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fUd9FWcMyyTMtH7BzJLtsLgsv0fXAf8xrDilcsYm_3Zg":-1},"/nuxt/ui/4547"]