\n\n### Description\n\nThe UInputTag element does not correctly render the error text for schema validation errors for pattern matching of the individual items within its array. \n\nIt works fine showing an error about the length of the array, but not about problems for the items within the array.\n\n\u003Cimg width=\"779\" height=\"328\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/cf031108-314b-4fd5-9859-cd275b8d3410\" />\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3072,3073,3074],{"name":3021,"color":3022},{"name":3024,"color":3025},{"name":3027,"color":3028},4573,"UInputTag does not display validation errors for pattern matching","2025-07-22T14:39:33Z","https://github.com/nuxt/ui/issues/4573",0.7212103,{"description":3081,"labels":3082,"number":3085,"owner":3030,"repository":3031,"state":3086,"title":3087,"updated_at":3088,"url":3089,"score":3090},"### 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```",[3083,3084],{"name":3021,"color":3022},{"name":3024,"color":3025},2963,"closed","v3: UBadge conflict with UTabs","2024-12-23T21:08:29Z","https://github.com/nuxt/ui/issues/2963",0.6951318,{"description":3092,"labels":3093,"number":3102,"owner":3030,"repository":3031,"state":3086,"title":3103,"updated_at":3104,"url":3105,"score":3106},"### 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```",[3094,3095,3098,3099],{"name":3021,"color":3022},{"name":3096,"color":3097},"duplicate","cfd3d7",{"name":3024,"color":3025},{"name":3100,"color":3101},"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":3108,"labels":3109,"number":3112,"owner":3030,"repository":3031,"state":3086,"title":3113,"updated_at":3114,"url":3115,"score":3116},"### 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```",[3110,3111],{"name":3021,"color":3022},{"name":3024,"color":3025},3047,"No style","2025-02-24T22:33:59Z","https://github.com/nuxt/ui/issues/3047",0.6965988,{"labels":3118,"number":3123,"owner":3030,"repository":3030,"state":3086,"title":3124,"updated_at":3125,"url":3126,"score":3127},[3119,3120],{"name":3041,"color":3042},{"name":3121,"color":3122},"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":3129,"labels":3130,"number":3135,"owner":3030,"repository":3030,"state":3086,"title":3136,"updated_at":3137,"url":3138,"score":3139},"### 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_",[3131,3134],{"name":3132,"color":3133},"3.x","29bc7f",{"name":3041,"color":3042},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":3141,"labels":3142,"number":3151,"owner":3030,"repository":3031,"state":3086,"title":3152,"updated_at":3153,"url":3154,"score":3155},"### 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```",[3143,3144,3145,3146,3149],{"name":3021,"color":3022},{"name":3024,"color":3025},{"name":3027,"color":3028},{"name":3147,"color":3148},"closed-by-bot","ededed",{"name":3150,"color":3148},"stale",3558,"Padding and Sizing on UAvatar","2025-06-18T09:01:34Z","https://github.com/nuxt/ui/issues/3558",0.7062337,["Reactive",3157],{},["Set"],["ShallowReactive",3160],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fGTAXIoiO5cyxnSpNkbuoujQVE6EjBQdio5LoAZAzgMo":-1},"/nuxt/ui/3304"]