\n\u003Cimg width=\"1183\" height=\"1172\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/ce6a5af9-8c77-4896-8c46-3b53a4800d50\" />\n\n\nfor [With sticky indicator](https://ui.nuxt.com/docs/components/changelog-versions#with-sticky-indicator) there's too little padding between tag and title\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3171,3174,3177],{"name":3172,"color":3173},"bug","d73a4a",{"name":3175,"color":3176},"triage","ffffff",{"name":3178,"color":3179},"v4","49DCB8",5180,"nuxt","ui","open","bug(changelog-versions): vertical line overlap timeline content","2025-10-07T17:58:33Z","https://github.com/nuxt/ui/issues/5180",0.67930233,{"description":3189,"labels":3190,"number":3197,"owner":3181,"repository":3181,"state":3183,"title":3198,"updated_at":3199,"url":3200,"score":3201},"### Environment\r\n\r\n- Operating System: Darwin\r\n- Node Version: v20.10.0\r\n- Nuxt Version: 3.12.3\r\n- CLI Version: 3.12.3\r\n- Nitro Version: 2.9.6\r\n- Package Manager: pnpm@6.11.0\r\n- Builder: -\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-qwsfdu\r\n\r\n### Describe the bug\r\n\r\n- Nest a 'universal' component within a server component.\r\n- Have `@unocss/nuxt` module. \r\n- Run `npm run build` then `npm run preview`\r\n- The nested component has no styling\r\n\r\n### Additional context\r\n\r\nAlmost certainly related to https://github.com/nuxt/nuxt/issues/27584\r\n\r\n### Logs\r\n\r\n_No response_",[3191,3194],{"name":3192,"color":3193},"pending triage","E99695",{"name":3195,"color":3196},"server components","839413",28043,"Styles removed from components nested in 'Server Components' during build when unocss present","2024-07-05T09:48:52Z","https://github.com/nuxt/nuxt/issues/28043",0.7018954,{"description":3203,"labels":3204,"number":3208,"owner":3181,"repository":3182,"state":3183,"title":3209,"updated_at":3210,"url":3211,"score":3212},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v22.16.0`\n- Nuxt Version: `4.1.2`\n- CLI Version: `3.28.0`\n- Nitro Version: `2.12.6`\n- Package Manager: `yarn@1.22.22`\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\nv4.x\n\n### Version\n\nv4.0.0\n\n### Reproduction\n[codesandbox](https://codesandbox.io/p/devbox/mystifying-johnson-5v3jyw\n)\n### Description\n\nUsing PageCards inside of UPageColumns breaks the spotlight for the top corners of the right columns first item.\n\n\u003Cimg width=\"923\" height=\"390\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/3a7ac9ec-b718-4260-9259-e965bc38a03c\" />\n\nThis seams to happen because the ::before pseudo element of this element seams to be misplaced\n\n\u003Cimg width=\"833\" height=\"609\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/9767abea-09f0-48b5-ab16-7db49d713e13\" />\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3205,3206,3207],{"name":3172,"color":3173},{"name":3175,"color":3176},{"name":3178,"color":3179},5123,"UPageColumns breaks Spotlight","2025-10-01T23:42:02Z","https://github.com/nuxt/ui/issues/5123",0.7186499,{"description":3214,"labels":3215,"number":3225,"owner":3181,"repository":3182,"state":3226,"title":3227,"updated_at":3228,"url":3229,"score":3230},"### Environment\n\n- Operating System: Linux\n- Node Version: v20.12.0\n- Nuxt Version: 3.17.3\n- CLI Version: 3.25.1\n- Nitro Version: 2.11.12\n- Package Manager: pnpm@8.15.6\n- Builder: -\n- User Config: modules, devtools, compatibilityDate, future, css\n- Runtime Modules: @nuxt/ui@3.1.3\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.17.3\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/angry-moon-grlpp3\n\n### Description\n\nThe borders of UCard will be hidden in the UCollapsible\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3216,3217,3219,3220,3223],{"name":3172,"color":3173},{"name":3218,"color":3179},"v3",{"name":3175,"color":3176},{"name":3221,"color":3222},"closed-by-bot","ededed",{"name":3224,"color":3222},"stale",4383,"closed","Borders of UCard in UCollapsible are hidden","2025-08-31T02:09:21Z","https://github.com/nuxt/ui/issues/4383",0.64883137,{"description":3232,"labels":3233,"number":3236,"owner":3181,"repository":3182,"state":3226,"title":3237,"updated_at":3238,"url":3239,"score":3240},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.16.0\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.16.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.15.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui-pro@3.0.0-alpha.10, @nuxtjs/i18n@9.1.1, nuxt-auth-utils@0.5.7\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.10\n\n### Reproduction\n\n```html\n\u003CUTabs\n variant=\"link\"\n :content=\"false\"\n :items=\"[{ label: 'Tab 1' }, { label: 'Tab 2' }, { label: 'Tab 3' }]\"\n>\n \u003Ctemplate #trailing>\n \u003CUBadge\n color=\"neutral\"\n size=\"xs\"\n variant=\"outline\"\n >\n 1.234\n \u003C/UBadge>\n \u003C/template>\n\u003C/UTabs>\n```\n\n### Description\n\nI'm trying to use `UBadge` as a `trailing` slot for `UTabs`, but in this scenario the `UBadge` component is getting misconfigured and is not respecting the `size`.\n\n\u003Cimg width=\"359\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/d30d629a-d517-40de-80ed-fb272d699a29\" />\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3234,3235],{"name":3172,"color":3173},{"name":3218,"color":3179},2963,"v3: UBadge conflict with UTabs","2024-12-23T21:08:29Z","https://github.com/nuxt/ui/issues/2963",0.6951318,{"description":3242,"labels":3243,"number":3252,"owner":3181,"repository":3182,"state":3226,"title":3253,"updated_at":3254,"url":3255,"score":3256},"### 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```",[3244,3245,3248,3249],{"name":3172,"color":3173},{"name":3246,"color":3247},"duplicate","cfd3d7",{"name":3218,"color":3179},{"name":3250,"color":3251},"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.6960202,{"description":3258,"labels":3259,"number":3262,"owner":3181,"repository":3182,"state":3226,"title":3263,"updated_at":3264,"url":3265,"score":3266},"### Environment\n\n- node:V18.19.1\n- pnpm: V8.15.5\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.15.1\n\n### Reproduction\n\nhttps://github.com/Jevin0/nuxt-ui-no-style-demo/blob/master/app.vue\n\n### Description\n\n\n### step\n1. `pnpm dlx nuxi@latest init \u003Cproject-name>`\n2. `npx nuxi@latest module add ui`\n3. `pnpm install`\n4. `pnpm dev`\n\n### concern\nNormal use of `UButton` component, but no background color and Color\n\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3260,3261],{"name":3172,"color":3173},{"name":3218,"color":3179},3047,"No style","2025-02-24T22:33:59Z","https://github.com/nuxt/ui/issues/3047",0.6965988,{"labels":3268,"number":3273,"owner":3181,"repository":3181,"state":3226,"title":3274,"updated_at":3275,"url":3276,"score":3277},[3269,3270],{"name":3192,"color":3193},{"name":3271,"color":3272},"2.x","d4c5f9",9463,"Items inside `transition-group` component are not seen in Production","2023-01-22T15:44:58Z","https://github.com/nuxt/nuxt/issues/9463",0.7000036,{"description":3279,"labels":3280,"number":3285,"owner":3181,"repository":3181,"state":3226,"title":3286,"updated_at":3287,"url":3288,"score":3289},"### Environment\n\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.16.1\r\n- Nuxt Version: 3.9.0\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: npm@9.5.1\r\n- Builder: -\r\n- User Config: devtools, app, routeRules, experimental, runtimeConfig, modules, build, alias, dir, piniaPersistedstate, gtag, vite\r\n- Runtime Modules: @nuxtjs/tailwindcss@6.10.3, nuxt-icon@0.4.2, @pinia/nuxt@0.5.1, @pinia-plugin-persistedstate/nuxt@1.2.0, nuxt-gtag@1.1.2\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nRun the app using Nuxt version 3.9.0 and navigate to any route\r\n\r\nCheck it out the live version using 3.9.0\r\n[https://capacithor-git-nuxt-390-igortrinidad.vercel.app/](https://capacithor-git-nuxt-390-igortrinidad.vercel.app/)\n\n### Describe the bug\n\nThe page transitions and layout rendering broken after the update, for some reason the component SiteFooter appears above the layout \u003Cslot /> on any route client route change, but it renders properly on server side rendering (hard refresh)....\r\n\r\n\n\n### Additional context\n\n\r\n\r\nlayouts/default.vue\r\n```\r\n\u003Ctemplate>\r\n \u003Cdiv class=\"w-screen h-full min-h-[100vh]\">\r\n \u003CSiteHeader />\r\n \u003Cslot />\r\n \u003CSiteFooter />\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript setup>\r\n import SiteHeader from './site-components/SiteHeader.vue'\r\n import SiteFooter from './site-components/SiteFooter.vue'\r\n\u003C/script>\r\n```\n\n### Logs\n\n_No response_",[3281,3284],{"name":3282,"color":3283},"3.x","29bc7f",{"name":3192,"color":3193},24944,"[3.9.0] Client rendering and page transitions broke after updating to the newest Nuxt version","2024-01-03T19:46:15Z","https://github.com/nuxt/nuxt/issues/24944",0.7045551,{"description":3291,"labels":3292,"number":3298,"owner":3181,"repository":3182,"state":3226,"title":3299,"updated_at":3300,"url":3301,"score":3302},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.11.0\n- Nuxt Version: 3.16.0\n- CLI Version: 3.22.5\n- Nitro Version: 2.11.6\n- Package Manager: pnpm@9.15.4\n- Builder: -\n- User Config: modules, devtools, app, css, runtimeConfig, future, compatibilityDate, telemetry, eslint\n- Runtime Modules: @nuxt/ui-pro@3.0.0, @nuxt/eslint@1.0.1, @vueuse/nuxt@12.5.0, @nuxt/image@1.9.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3\n\n### Reproduction\n\nJust use `UAvatar` with `size=\"md\"`\n\n### Description\n\nHey,\n\nThe sizing and padding of UAvatar espicaly when fallback alt is being used does not look right on v3. See below same component first one on v2, second on v3 (yes it can be changed using config, but dont think this is good as a sane default. Issue also visible in UAvatarColorComponent on ui3 site light mode with vue logo)\n\n\u003Cimg width=\"712\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/0b9c4827-9078-4064-bace-5d724df24b86\" />\n\n\u003Cimg width=\"712\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/0a9f273f-cb27-4824-ac2f-6497980294ec\" />\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3293,3294,3295,3296,3297],{"name":3172,"color":3173},{"name":3218,"color":3179},{"name":3175,"color":3176},{"name":3221,"color":3222},{"name":3224,"color":3222},3558,"Padding and Sizing on UAvatar","2025-06-18T09:01:34Z","https://github.com/nuxt/ui/issues/3558",0.7062337,["Reactive",3304],{},["Set"],["ShallowReactive",3307],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fGTAXIoiO5cyxnSpNkbuoujQVE6EjBQdio5LoAZAzgMo":-1},"/nuxt/ui/3304"]