\n\nBrowser: `Google Chrome Version 134.0.6998.89 (Official Build) (arm64)`\n\nAlso reproduced on `Safari Version 18.3.1 (20620.2.4.11.6)`\n\n### Description\n\nUser may want to copy the text in the query input of a `select-menu` component by moving cursor around text, now it's unable to do it without a keyboard (`Shift + left/right arrow` or `Cmd/Ctrl + A` to select all).\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[1995,1998],{"name":1996,"color":1997},"bug","d73a4a",{"name":1999,"color":2000},"triage","ffffff",3583,"ui","Accessibility: unable to select text in the query input of a select-menu","2025-03-17T00:34:07Z","https://github.com/nuxt/ui/issues/3583",0.697135,{"description":2008,"labels":2009,"number":2012,"owner":1985,"repository":2002,"state":1987,"title":2013,"updated_at":2014,"url":2015,"score":2016},"### Environment\n\n- Operating System: Linux\n- Node Version: v20.18.0\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.16.0\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.9.1\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@2.19.2, @sidebase/nuxt-auth@0.9.4, @nuxt/image@1.8.1\n- Build Modules: -\n\n\n### Version\n\nv2.19.2\n\n### Reproduction\n\nhttps://nuxtui-0mn3--3000--fc837ba8.local-credentialless.webcontainer.io\n\n\n### Description\n\nThis is the code from stackblitz, but it illustrates the problem (preview above). Basically, I am following the instructions for setting certain columns to have a maximum width, but UTable doesn't seem to be following them. If it's an implementation issue on my part, my apologies, but I've stared at this for a couple of days and I can't find any reason why I can't get the cell data to wrap.\n\n\u003Ctemplate>\n \u003CUContainer class=\"min-h-screen flex items-center\">\n \u003CUCard\n class=\"flex-1\"\n :ui=\"{\n background: 'bg-gray-50 dark:bg-gray-800/50',\n ring: 'ring-1 ring-gray-300 dark:ring-gray-700',\n divide: 'divide-y divide-gray-300 dark:divide-gray-700',\n header: { base: 'font-bold' },\n }\"\n >\n \u003Ctemplate #header> Welcome to the playground! \u003C/template>\n\n \u003Cp class=\"text-gray-500 dark:text-gray-400\">Try your components here!\u003C/p>\n \u003C/UCard>\n \u003CUTable :rows=\"data\" :columns=\"columns\">\n \u003C/UTable>\n \u003C/UContainer>\n\u003C/template>\n\n\u003Cscript setup>\nconst columns = [\n {\n key: \"name\",\n label: \"Name\",\n sortable: true,\n },\n {\n key: \"address\",\n label: \"Address\",\n rowClass: \"max-w-[200px] whitespace-normal break-word\",\n width: 200\n },\n {\n key: \"description\",\n label: \"Description\",\n rowClass: \"max-w-[200px] whitespace-normal break-word\",\n width: 200\n },];\n\n const data = [\n {\n name: \"Line 1 Name\",\n address: \"Line 1 - 123 Sesame Street, Anytown USA\",\n description: \"This is a relatively short description, but should probably wrap in any case.\"\n },\n {\n name: \"Line 2 Name\",\n address: \"Line 2 - a really really really really really really really really really really Loong address\",\n description: \"This is a really really really really really really really really really really really really really long description, and needs to be wrapped.\"\n}\n ]\n\u003C/script>\n\n\u003Cstyle>\nbody {\n @apply antialiased font-sans text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-900;\n}\n\u003C/style>\n\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2010,2011],{"name":1996,"color":1997},{"name":1999,"color":2000},2856,"UTable cell content refuses to wrap","2024-12-06T23:25:36Z","https://github.com/nuxt/ui/issues/2856",0.7011463,{"description":2018,"labels":2019,"number":2025,"owner":1985,"repository":2002,"state":1987,"title":2026,"updated_at":2027,"url":2028,"score":2029},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.13.1\n- Nuxt Version: 3.16.0\n- CLI Version: 3.23.0\n- Nitro Version: 2.11.6\n- Package Manager: npm@11.1.0\n- Builder: -\n- User Config: app, build, colorMode, compatibilityDate, debug, devtools, future, hooks, i18n, icon, imports, modules, nitro, routeRules, runtimeConfig, security, ssr, sourcemap, css, telemetry, vite\n- Runtime Modules: @nuxt/eslint@1.2.0, @pinia/nuxt@0.10.1, @vueuse/nuxt@13.0.0, @nuxtjs/i18n@9.3.1, nuxt-security@2.2.0, @nuxt/ui@3.0.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/wonderful-violet-jrsqy9\n\n### Description\n\nI get a type error when using an array of strings for the `variant` key inside of `compoundVariants´:\n\n```ts\nexport default defineAppConfig({\n ui: {\n colors: {\n primary: \"green\",\n neutral: \"slate\",\n },\n select: {\n compoundVariants: [\n {\n color: \"primary\",\n variant: [\"outline\", \"subtle\"],\n class: \"data-[state='open']:ring\",\n },\n ],\n },\n },\n});\n```\n\n```\napp/app.config.ts:11:11 - error TS2322: Type 'string[]' is not assignable to type 'string'.\n\n11 variant: [\"outline\", \"subtle\"],\n ~~~~~~~\n```\n\nIt does work tho, so its only a type issue I think.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2020,2021,2024],{"name":1996,"color":1997},{"name":2022,"color":2023},"v3","49DCB8",{"name":1999,"color":2000},3579,"Type error in app config `compoundVariants`","2025-03-16T14:04:52Z","https://github.com/nuxt/ui/issues/3579",0.7023465,{"description":2031,"labels":2032,"number":2033,"owner":1985,"repository":2034,"state":2035,"title":2036,"updated_at":2037,"url":2038,"score":2039},"On the \"Enterprise Support\" page, the icons are shrinking when the device width is less than 900 pixels or in tablet view(768px). To resolve this, we can apply the Tailwind CSS class `shrink-0` to three specific child elements and it will prevent shrinking. It will work fine from mobile to desktop device. I'm new to open source contribution. Any suggestions or advice are appreciated.\r\n\r\n**Current code**\r\n```\r\n\u003Cdiv class=\"flex flex-col sm:flex-row items-center gap-4 mb-8\">\r\n \u003Cdiv class=\"w-14 h-14 bg-gray-100 dark:bg-gray-800 ring-1 ring-gray-300 dark:ring-gray-700 rounded-md flex items-center justify-center\">\r\n \u003CUIcon :name=\"icon\" class=\"w-8 h-8\" />\r\n \u003C/div>\r\n\r\n \u003Cdiv>\r\n \u003Ch2 class=\"text-lg font-semibold my-0\">\r\n \u003CContentSlot :use=\"$slots.title\" unwrap=\"p\" />\r\n \u003C/h2>\r\n\r\n \u003Cp class=\"text-gray-500 dark:text-gray-400 text-base mt-1 mb-0\">\r\n \u003CContentSlot :use=\"$slots.description\" unwrap=\"p\" />\r\n \u003C/p>\r\n \u003C/div>\r\n \u003C/div>\r\n```\r\n**My Solution**\r\n```\r\n\u003Cdiv class=\"flex flex-col sm:flex-row items-center gap-4 mb-8\">\r\n \u003Cdiv class=\"w-14 h-14 bg-gray-100 dark:bg-gray-800 ring-1 shrink-0 ring-gray-300 dark:ring-gray-700 rounded-md flex items-center justify-center\">\r\n \u003CUIcon :name=\"icon\" class=\"w-8 h-8\" />\r\n \u003C/div>\r\n\r\n \u003Cdiv>\r\n \u003Ch2 class=\"text-lg font-semibold my-0\">\r\n \u003CContentSlot :use=\"$slots.title\" unwrap=\"p\" />\r\n \u003C/h2>\r\n\r\n \u003Cp class=\"text-gray-500 dark:text-gray-400 text-base mt-1 mb-0\">\r\n \u003CContentSlot :use=\"$slots.description\" unwrap=\"p\" />\r\n \u003C/p>\r\n \u003C/div>\r\n \u003C/div>\r\n```\r\n**Example 1:**\r\n[\r\n\r\n](url)\r\n\r\n**Example 2**\r\n\r\n\r\n**After Solution**\r\n\r\n\r\nShould I create a pull req?\r\n\r\n\r\n\n```[tasklist]\n### Tasks\n```\n",[],1399,"nuxt.com","closed","Icons Shrinking below 900px width and in Tablet View(768) on enterprise support page","2023-10-27T09:01:27Z","https://github.com/nuxt/nuxt.com/issues/1399",0.6515204,{"description":2041,"labels":2042,"number":2044,"owner":1985,"repository":2002,"state":2035,"title":2045,"updated_at":2046,"url":2047,"score":2048},"### Environment\n\n------------------------------\n- Operating System: Linux\n- Node Version: v18.20.3\n- Nuxt Version: 3.16.0\n- CLI Version: 3.22.5\n- Nitro Version: 2.11.5\n- Package Manager: npm@10.2.3\n- Builder: -\n- User Config: devtools, modules\n- Runtime Modules: @nuxt/ui@2.21.0\n- Build Modules: -\n------------------------------\n\n### Version\n\nv2.21.0\n\n### Reproduction\n\nhttps://stackblitz.com/github/nuxt/starter/tree/ui?file=package.json\n\n### Description\n\n`npm run build` on the latest nuxt v3.16 on UI v2.21.0 throws the following error:\n\n`[17:41:35] ERROR .nuxt/dist/server/node_modules/_nuxt/ui/dist/runtime/components/elements/Link.vue.mjs (2:18): \"diff\" is not exported by \"node_modules/ohash/dist/index.mjs\", imported by \".nuxt/dist/server/node_modules/_nuxt/ui/dist/runtime/components/elements/Link.vue.mjs\".`",[2043],{"name":1996,"color":1997},3486,"Generating a production build with nuxt `3.16` throws `ohash` error","2025-03-12T09:19:23Z","https://github.com/nuxt/ui/issues/3486",0.65430146,{"labels":2050,"number":2060,"owner":1985,"repository":1985,"state":2035,"title":2061,"updated_at":2062,"url":2063,"score":2064},[2051,2054,2057],{"name":2052,"color":2053},"3.x","29bc7f",{"name":2055,"color":2056},"pending triage","E99695",{"name":2058,"color":2059},"needs reproduction","FBCA04",12986,"VITE SyntaxError @babel does not provide an export named 'default'","2023-01-19T16:39:58Z","https://github.com/nuxt/nuxt/issues/12986",0.67472637,{"description":2066,"labels":2067,"number":2068,"owner":1985,"repository":2034,"state":2035,"title":2069,"updated_at":2070,"url":2071,"score":2072},"Open https://nuxt.com/docs/guide/directory-structure/composables, **Introduction** page is shown instead of **Composables**\n\n\n\nI think the regression is due to 43b0f43",[],1752,"All docs/[...slug] routes show Introduction page","2025-01-14T11:25:53Z","https://github.com/nuxt/nuxt.com/issues/1752",0.6749124,{"description":2074,"labels":2075,"number":2082,"owner":1985,"repository":2034,"state":2035,"title":2083,"updated_at":2084,"url":2085,"score":2086},"Add a banner or an insert on nuxtjs.org & nuxt.com documentation pages with a link to [support page](https://nuxt.com/support/solutions)\nif sufficient space, put \"Need some help ? Consult our official support solutions\"\nif less space : \"Consult our official support solutions\" or \"Nuxt official support solutions\"",[2076,2079],{"name":2077,"color":2078},"enhancement","1ad6ff",{"name":2080,"color":2081},"marketing","f5c828",1114,"[Doc pages] Add a banner or an insert about our support offer","2023-10-03T13:47:03Z","https://github.com/nuxt/nuxt.com/issues/1114",0.6795636,{"description":2088,"labels":2089,"number":2093,"owner":1985,"repository":2002,"state":2035,"title":2094,"updated_at":2095,"url":2096,"score":2097},"### For what version of Nuxt UI are you suggesting this?\n\nv3.0.0-alpha.x\n\n### Description\n\n[CommandPalette](https://ui3.nuxt.dev/components/command-palette) is great but I wish it could display only an input by default and then open the content in a popper when clicking in the input. I think this is currently not possible but a very common use case. \n\nThis is what I would like to archive, screenshots from Shopify:\n\n\n\n\n\n\n\n### Additional context\n\n_No response_",[2090,2092],{"name":2077,"color":2091},"a2eeef",{"name":2022,"color":2023},2832,"v3 CommandPalette: Open only content within popper","2024-12-05T13:24:12Z","https://github.com/nuxt/ui/issues/2832",0.68126017,["Reactive",2099],{},["Set"],["ShallowReactive",2102],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"mRA7yg_PWSIZNjU0bBwKtDyA-tmYsAowqHUdH4yLdYg":-1},"/nuxt/ui/3552"]