\n \u003Cp class=\"text-sm font-medium\">\n {{ namesData.length === 0 ? 'No names loaded' : 'No names found' }}\n \u003C/p>\n \u003Cp class=\"text-xs text-neutral-500 mt-1\">\n {{ namesData.length === 0 ? 'Click \"Load Names\" to fetch data' : 'Try adjusting your search query' }}\n \u003C/p>\n \u003C/div>\n \u003C/template>\n \u003C/UTable>\n```\n\u003C/details>\n\nThe problem:\nHeight of row get bigger when more items added and get smaller while scrolling down, here is the example with 100 Row:\n\nFirst item height:\n\u003Cimg width=\"1217\" height=\"386\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/d74589f7-a6b3-45ea-afe9-6f7f9ef7ba2d\" />\n\nat middle:\n\u003Cimg width=\"1219\" height=\"386\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/653a9f5d-1702-401f-a437-4f61c6c4776e\" />\n\nat end:\n\u003Cimg width=\"1214\" height=\"386\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/b081a95c-5ffe-4d8e-ab57-64f978cebeea\" />\n\ni tired to play with `UTable.ui` object but that break the style no mater what i do, sometime head col not align with row cells",[3145,3148],{"name":3146,"color":3147},"question","d876e3",{"name":3149,"color":3150},"v3","49DCB8",4563,"nuxt","ui","open","`useVirtualList` example for `UTable`","2025-07-21T11:23:04Z","https://github.com/nuxt/ui/issues/4563",0.6578427,{"description":3160,"labels":3161,"number":3165,"owner":3152,"repository":3166,"state":3167,"title":3168,"updated_at":3169,"url":3170,"score":3171},"",[3162],{"name":3163,"color":3164},"design","00bd6f",1209,"nuxt.com","closed","[Workshop] Workshop single page ","2023-10-10T14:45:09Z","https://github.com/nuxt/nuxt.com/issues/1209",0.62634,{"description":3173,"labels":3174,"number":3165,"owner":3152,"repository":3153,"state":3167,"title":3182,"updated_at":3183,"url":3184,"score":3171},"### Description\n\nAllow sorting by multiple columns by holding a modifier modifier key and clicking multiple columns.\r\n\r\nAs an example:\r\nhttps://primevue.org/datatable/#multiple_sort\n\n### Additional context\n\n_No response_",[3175,3178,3181],{"name":3176,"color":3177},"enhancement","a2eeef",{"name":3179,"color":3180},"wontfix-v2","ffffff",{"name":3149,"color":3150},"`UTable` sort by multiple columns","2025-03-24T14:57:22Z","https://github.com/nuxt/ui/issues/1209",{"description":3186,"labels":3187,"number":3191,"owner":3152,"repository":3153,"state":3167,"title":3192,"updated_at":3193,"url":3194,"score":3195},"### Environment\n\n- Operating System: Linux\r\n- Node Version: v18.20.3\r\n- Nuxt Version: 3.13.2\r\n- CLI Version: 3.14.0\r\n- Nitro Version: 2.9.7\r\n- Package Manager: pnpm@8.15.6\r\n- Builder: -\r\n- User Config: -\r\n- Runtime Modules: -\r\n- Build Modules: -\n\n### Version\n\nv2.18.6\n\n### Reproduction\n\nhttps://stackblitz.com/~/github.com/Yves852/nuxt-ui-commandpalette-hover\n\n### Description\n\nSelecting an element on click is visually inconsistent. Visually all elements are selected, independantly of `v-model=\"selected\"`.\r\n\r\nWith props `multiple` visually will select all or unselect all, independantly of `v-model=\"selected\"`.\r\n\r\nOn keyboard, using \"enter\" to select update selected correctly but component jump to first element. Same visual problems as mouse.\r\n\r\nThe prop `nullable` doesn't seem to influence the bug.\r\n\r\nRelated to https://github.com/nuxt/ui/issues/2284\r\nCould be related to [1708](https://github.com/nuxt/ui/issues/1708)\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3188],{"name":3189,"color":3190},"bug","d73a4a",2285,"CommandPalette: visual item selection inconsistent","2024-11-19T15:26:05Z","https://github.com/nuxt/ui/issues/2285",0.69308853,{"description":3197,"labels":3198,"number":3201,"owner":3152,"repository":3153,"state":3167,"title":3202,"updated_at":3203,"url":3204,"score":3205},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.11.1\n- Nuxt Version: 3.13.2\n- CLI Version: 3.14.0\n- Nitro Version: 2.9.7\n- Package Manager: bun@1.1.33\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n\n### Version\n\nv3.0.0-alpha.7\n\n### Reproduction\n\n```ts\nexport default defineAppConfig({\n ui: {\n colors: {\n neutral: \"zinc\",\n primary: \"rose\",\n },\n button: {\n compoundVariants: [\n {\n color: \"neutral\",\n variant: \"outline\",\n class:\n \"ring ring-inset ring-[var(--ui-border-accented)] text-[var(--ui-text)] bg-[var(--ui-bg)] hover:bg-[var(--ui-bg-elevated)] disabled:bg-[var(--ui-bg)] aria-disabled:bg-[var(--ui-bg)] focus-visible:ring-2 focus-visible:ring-[var(--ui-border-inverted)]\",\n },\n ],\n },\n },\n});\n```\n\n```\nType '{ color: \"neutral\"; variant: \"outline\"; class: string; }[]' is not assignable to type 'DeepPartial\u003C({ color: \"primary\"; variant: \"solid\"; class: string; size?: undefined; square?: undefined; loading?: undefined; leading?: undefined; trailing?: undefined; } | { color: \"secondary\"; variant: \"solid\"; ... 5 more ...; trailing?: undefined; } | ... 46 more ... | { ...; })[], string>'.\n Type '{ color: \"neutral\"; variant: \"outline\"; class: string; }[]' is not assignable to type '{ [key: string]: string | TightMap\u003Cstring>; }'.\n Index signature for type 'string' is missing in type '{ color: \"neutral\"; variant: \"outline\"; class: string; }[]'.ts(2322)\n```\n\n### Description\n\nHi :) I am getting type errors when using `compoundVariant`. \n\nFor example, here is my `app.config.ts`:\n\n```ts\nexport default defineAppConfig({\n ui: {\n colors: {\n neutral: \"zinc\",\n primary: \"rose\",\n },\n button: {\n compoundVariants: [\n {\n color: \"neutral\",\n variant: \"outline\",\n class:\n \"ring ring-inset ring-[var(--ui-border-accented)] text-[var(--ui-text)] bg-[var(--ui-bg)] hover:bg-[var(--ui-bg-elevated)] disabled:bg-[var(--ui-bg)] aria-disabled:bg-[var(--ui-bg)] focus-visible:ring-2 focus-visible:ring-[var(--ui-border-inverted)]\",\n },\n ],\n },\n },\n});\n```\n\nI am getting the following type error for `compoundVariants`:\n```\nType '{ color: \"neutral\"; variant: \"outline\"; class: string; }[]' is not assignable to type 'DeepPartial\u003C({ color: \"primary\"; variant: \"solid\"; class: string; size?: undefined; square?: undefined; loading?: undefined; leading?: undefined; trailing?: undefined; } | { color: \"secondary\"; variant: \"solid\"; ... 5 more ...; trailing?: undefined; } | ... 46 more ... | { ...; })[], string>'.\n Type '{ color: \"neutral\"; variant: \"outline\"; class: string; }[]' is not assignable to type '{ [key: string]: string | TightMap\u003Cstring>; }'.\n Index signature for type 'string' is missing in type '{ color: \"neutral\"; variant: \"outline\"; class: string; }[]'.ts(2322)\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3199,3200],{"name":3189,"color":3190},{"name":3149,"color":3150},2481,"Type error on `compoundVariants`","2024-10-28T21:43:49Z","https://github.com/nuxt/ui/issues/2481",0.72042936,{"description":3207,"labels":3208,"number":3213,"owner":3152,"repository":3153,"state":3167,"title":3214,"updated_at":3215,"url":3216,"score":3217},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v22.9.0`\n- Nuxt Version: `3.16.0`\n- CLI Version: `3.22.5`\n- Nitro Version: `2.11.6`\n- Package Manager: `npm@10.8.3`\n- Builder: `-`\n- User Config: `devtools`, `modules`, `i18n`, `ssr`, `runtimeConfig`, `app`, `css`, `vite`, `compatibilityDate`\n- Runtime Modules: `@nuxtjs/i18n@9.3.1`, `@nuxt/ui@3.0.0`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-beta.4\n\n### Reproduction\n\nUse any RTL language with USelect and UInputMenu component.\n\n### Description\n\nCurrently, both USelect and UInput Menu don't support rtl direction. The placeholder should be on the right side and the icon on the left side of the field.\n\nIn USelect, you can see that even the dropdown is not properly aligned according to language. \n\n\u003Cimg width=\"325\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/cbdc836c-b95f-465e-9ca0-58648ff768b1\" />\n\nWhile the popover label are aligned properly for UInputMenu, the placeholder and arrow is still not in proper direction.\n\u003Cimg width=\"221\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/e65e9225-b614-40b0-98a5-25b7204f5dc3\" />\n\nSame with these tags components, it's direction should be reversed too. \n\u003Cimg width=\"442\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/0198503a-bd34-4b4e-8a11-1213023f9383\" />\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3209,3210,3211],{"name":3189,"color":3190},{"name":3149,"color":3150},{"name":3212,"color":3180},"triage",3538,"USelect and UInputMenu don't support RTL language.","2025-03-20T14:01:01Z","https://github.com/nuxt/ui/issues/3538",0.723236,{"description":3219,"labels":3220,"number":3225,"owner":3152,"repository":3153,"state":3167,"title":3226,"updated_at":3227,"url":3228,"score":3229},"### Description\n\nIt would be great if the Nuxt UI carousel component could support infinite scrolling, allowing users to continuously scroll through items without reaching an end. This feature is commonly seen in many modern carousels and would enhance the user experience, especially for carousels with a limited number of items or those designed for continuous looping.\n\n### Additional context\n\n_No response_",[3221,3224],{"name":3222,"color":3223},"duplicate","cfd3d7",{"name":3176,"color":3177},2286,"Add Infinite Scrolling to Nuxt UI Carousel Component","2024-10-02T09:14:42Z","https://github.com/nuxt/ui/issues/2286",0.72743875,{"description":3231,"labels":3232,"number":3240,"owner":3152,"repository":3153,"state":3167,"title":3241,"updated_at":3242,"url":3243,"score":3244},"### Environment\n\nBuild error on vercel.app and on local windows 10, both on build and dev.\n\n### Version\n\nv1.4.4 @nuxt/ui-pro - Saas Template\n\n### Reproduction\n\nInstall a clean saas template.\nEnable typescript check in nuxt.config\n\nTry to deploy it on vercel.\n\nAnd try to copy/paste the url in a facebook post.\n\nHere is a 100% clean saas template, without typeCheck enabled:\nhttps://stackblitz.com/~/github.com/LutherApp/codespace-project\n\n(This is a copy of my [github repo](https://github.com/LutherApp/codespace-project))\n\n### Description\n\nOn build there will be \n## errors on the \"title\"-variable\nError-msg:\nObject literal may only specify known properties, and 'title' does not exist in type 'OgImageOptions\u003C\"NuxtSeo\"> | OgImagePrebuilt'. (etc.)\n\n## \"authors\"- and \"title\"-variable in blog/index\n3 x Type 'bla bla bla' is not assignable to type 'bla bla bla'.\n1 x Property 'avatar' is optional in type 'bla bla bla' but required in type 'bla bla bla'.\n\n## Fix\nI was adding this workaround for typecheck in three or four files:\n```\n// @ts-expect-error Object literal may only specify known properties, and 'title' does not exist in type 'OgImageOptions\u003C\"NuxtSeo\"> | OgImagePrebuilt'.\n```\n\nIn blog/index.vue a was adding this lines in the template in front of `UPageBody` (in blog/index.vue):\n``` \n\u003C!--\n @vue-expect-error The variable authors throws four errors;\n 3 x Type 'bla bla bla' is not assignable to type 'bla bla bla'.\n 1 x Property 'avatar' is optional in type 'bla bla bla' but required in type 'bla bla bla'.\n -->\n```\n\n## seo info from the page missing on facebook\nThere is still noe data about the page on facebook. \n(Other nuxt-content I have made earlier have this info when I copy/paste the url to facebook.)\n\n## Any questions to this issue?\nPlease add some questions to get more info about this issues. (This was written faster than normal.)",[3233,3234,3237],{"name":3189,"color":3190},{"name":3235,"color":3236},"pro","5BD3CB",{"name":3238,"color":3239},"upstream","78bddb",2415,"og:fields in my 100% clean saas template doesn't shows on facebook, and your own public saas template don't show the og:image","2024-10-22T09:40:37Z","https://github.com/nuxt/ui/issues/2415",0.7428995,{"description":3246,"labels":3247,"number":3250,"owner":3152,"repository":3153,"state":3167,"title":3251,"updated_at":3252,"url":3253,"score":3254},"### Description\n\nI think the docs havent been updated or this . The docs say to do this to theme components in nuxt config \n\n\n\nbut i get this i think this has been moved\n\n\ni am on version\n\n`3.0.0-alpha.12`",[3248,3249],{"name":3146,"color":3147},{"name":3149,"color":3150},3208,"How To Customize Nuxt Components","2025-01-30T18:42:31Z","https://github.com/nuxt/ui/issues/3208",0.7498596,{"description":3256,"labels":3257,"number":3261,"owner":3152,"repository":3153,"state":3167,"title":3262,"updated_at":3263,"url":3264,"score":3265},"### Environment\n\n- Operating System: Darwin\n- Node Version: -\n- Nuxt Version: -\n- CLI Version: -\n- Nitro Version: -\n- Package Manager: -\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.16.1\n\n### Reproduction\n\nhttps://dashboard-template.nuxt.dev/\n\nhttps://github.com/user-attachments/assets/c7c84465-1507-4ba8-a321-1e4f7def60f1\n\n### Description\n\nI was checking the pro dashboard template and found that.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3258,3259,3260],{"name":3189,"color":3190},{"name":3149,"color":3150},{"name":3235,"color":3236},3713,"Command behind Slideover in Nuxt UI Pro Template","2025-03-28T15:16:02Z","https://github.com/nuxt/ui/issues/3713",0.7508896,["Reactive",3267],{},["Set"],["ShallowReactive",3270],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f0ge_0SLSFUKeHQ2wIYGW3SJfqdf35AHkAbTqhviNRLI":-1},"/nuxt/ui/2437"]