\n \u003C/div>\n \u003C/template>\n\u003C/UDrawer>\n```\n\n**Current workaround:**\n\nThis solves it for me, however doesn't take into account other cases.\n\nFor the closed state of my drawer-with-inset, I force `top` to `0`.\n```\n.myDrawer[data-state='closed'] {\n top: calc(var(--spacing) * 0);\n}\n```\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",3985,"nuxt","ui","open","Drawer-with-inset doesn't fully animate to edge of viewport","2025-05-03T13:53:51Z","https://github.com/nuxt/ui/issues/3985",0.7217979,{"description":3037,"labels":3038,"number":3044,"owner":3029,"repository":3030,"state":3045,"title":3046,"updated_at":3047,"url":3048,"score":3049},"### 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```",[3039,3040,3041],{"name":3020,"color":3021},{"name":3023,"color":3024},{"name":3042,"color":3043},"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":3051,"labels":3052,"number":3056,"owner":3029,"repository":3030,"state":3045,"title":3057,"updated_at":3058,"url":3059,"score":3060},"### 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!",[3053,3054,3055],{"name":3020,"color":3021},{"name":3023,"color":3024},{"name":3026,"color":3027},4262,"UDashboardSidebar Resize Drag Direction Reversed in RTL Mode","2025-06-05T08:28:21Z","https://github.com/nuxt/ui/issues/4262",0.5920907,{"description":3062,"labels":3063,"number":3067,"owner":3029,"repository":3030,"state":3045,"title":3068,"updated_at":3069,"url":3070,"score":3071},"### 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",[3064,3065,3066],{"name":3020,"color":3021},{"name":3023,"color":3024},{"name":3026,"color":3027},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":3073,"labels":3074,"number":3083,"owner":3029,"repository":3030,"state":3045,"title":3084,"updated_at":3085,"url":3086,"score":3087},"### 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```",[3075,3076,3079,3080],{"name":3020,"color":3021},{"name":3077,"color":3078},"duplicate","cfd3d7",{"name":3023,"color":3024},{"name":3081,"color":3082},"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":3089,"labels":3090,"number":3093,"owner":3029,"repository":3030,"state":3045,"title":3094,"updated_at":3095,"url":3096,"score":3097},"### 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```",[3091,3092],{"name":3020,"color":3021},{"name":3023,"color":3024},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":3099,"labels":3100,"number":3104,"owner":3029,"repository":3030,"state":3045,"title":3105,"updated_at":3106,"url":3107,"score":3108},"### 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>",[3101,3102,3103],{"name":3020,"color":3021},{"name":3023,"color":3024},{"name":3026,"color":3027},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":3110,"labels":3111,"number":3116,"owner":3029,"repository":3030,"state":3045,"title":3117,"updated_at":3118,"url":3119,"score":3120},"### 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```",[3112,3113,3114,3115],{"name":3020,"color":3021},{"name":3023,"color":3024},{"name":3081,"color":3082},{"name":3026,"color":3027},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,{"description":3122,"labels":3123,"number":3133,"owner":3029,"repository":3029,"state":3045,"title":3134,"updated_at":3135,"url":3136,"score":3137},"### Environment\n\nNuxt project info: 9:02:58 AM\n\n------------------------------\n- Operating System: Linux\n- Node Version: v20.18.0\n- Nuxt Version: 3.13.0\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.12.2\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxtjs/tailwindcss@6.12.2, @nuxtjs/color-mode@3.5.2, @nuxt/icon@1.7.2, @nuxt/image@1.8.1, @nuxtjs/google-fonts@3.2.0, @nuxtjs/i18n@8.5.6, @pinia/nuxt@0.5.5, pinia-plugin-persistedstate/nuxt\n- Build Modules: -\n\n### Reproduction\n\ni am absolutely sure that the issue is obvious\n\n### Describe the bug\n\nWhen using `Nuxt 3.14` with `i18n` , layout rendering breaks unexpectedly in RTL mode or the prefix strategy i am not sure i tested it while working with `en` as default and `ar` with `RTL` as second language with `prefix_except_default` strategy. \n\ni am using a default and auth layouts\nwhen changing the language or the url manually from `http://localhost:3000/login` to `http://localhost:3000/ar/login`\nthe layout falls back to the `default` layout.\n\neverything else works fine with the default layout\n\nDowngrading to `Nuxt 3.13` resolves the issue.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3124,3127,3130],{"name":3125,"color":3126},"pending triage","E99695",{"name":3128,"color":3129},"needs reproduction","FBCA04",{"name":3131,"color":3132},"possible regression","B90A42",29875,"Nuxt 3.14 Layout Issue: i18n Integration Causes Layout Fallback","2025-01-25T15:39:26Z","https://github.com/nuxt/nuxt/issues/29875",0.70669776,{"description":3139,"labels":3140,"number":3146,"owner":3029,"repository":3029,"state":3045,"title":3147,"updated_at":3148,"url":3149,"score":3150},"### Environment\r\n\r\n```\r\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v20.9.0\r\n- Nuxt Version: 3.8.1\r\n- CLI Version: 3.9.1\r\n- Nitro Version: 2.7.2\r\n- Package Manager: pnpm@8.10.5\r\n- Builder: -\r\n- User Config: devtools, experimental, app, modules, vite, css, eslint, mongoose, nitro, image, dayjs, tailwindcss\r\n- Runtime Modules: @pinia/nuxt@0.5.1, @nuxtjs/eslint-module@4.1.0, @vueuse/nuxt@10.6.1, @nuxt/image@1.0.0, @nuxtjs/device@3.1.1, @nuxtjs/color-mode@3.3.2, @nuxt/content@2.9.0, nuxt-icon@0.6.6, @element-plus/nuxt@1.0.7, @nuxtjs/tailwindcss@6.9.5, nuxt-mongoose@1.0.3, dayjs-nuxt@2.1.9\r\n- Build Modules: -\r\n------------------------------\r\n```\r\n\r\n### Reproduction\r\n\r\nhttps://github.com/maicss/nuxt-auto-import-style-control\r\n\r\n### Describe the bug\r\n\r\nhttps://github.com/element-plus/element-plus-nuxt/issues/77\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[3141,3144,3145],{"name":3142,"color":3143},"3.x","29bc7f",{"name":3125,"color":3126},{"name":3128,"color":3129},24508,"Auto import caused style inject order not expected","2024-01-10T12:53:20Z","https://github.com/nuxt/nuxt/issues/24508",0.7086756,["Reactive",3152],{},["Set"],["ShallowReactive",3155],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fUd9FWcMyyTMtH7BzJLtsLgsv0fXAf8xrDilcsYm_3Zg":-1},"/nuxt/ui/4547"]