\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```",[2878,2881],{"name":2879,"color":2880},"bug","d73a4a",{"name":2882,"color":2883},"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.6921506,{"description":2891,"labels":2892,"number":2895,"owner":2868,"repository":2885,"state":2870,"title":2896,"updated_at":2897,"url":2898,"score":2899},"### 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```",[2893,2894],{"name":2879,"color":2880},{"name":2882,"color":2883},2856,"UTable cell content refuses to wrap","2024-12-06T23:25:36Z","https://github.com/nuxt/ui/issues/2856",0.6944393,{"description":2901,"labels":2902,"number":2908,"owner":2868,"repository":2885,"state":2870,"title":2909,"updated_at":2910,"url":2911,"score":2912},"### Environment\n\n- Operating System: Darwin\n- Node Version: v23.3.0\n- Nuxt Version: 3.16.1\n- CLI Version: 3.23.1\n- Nitro Version: 2.11.7\n- Package Manager: pnpm@9.9.0\n- Builder: -\n- User Config: compatibilityDate, css, devtools, modules, colorMode, runtimeConfig, ui, app\n- Runtime Modules: @nuxt/ui@3.0.1, @nuxtjs/device@3.2.4\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.1\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/modest-euclid-j92wtc\n\n### Description\n\nThe v-model does not open the tab of the navigation bar if this is not a \"parent of children\" type of tab. It's confusing because there is no more \"isActive\" items status since the v3.\n\n### Additional context\n\n(it's my first time creating an issue, maybe I've done some things wrong during creation)\n\n### Logs\n\n```shell-script\n\n```",[2903,2904,2907],{"name":2879,"color":2880},{"name":2905,"color":2906},"v3","49DCB8",{"name":2882,"color":2883},3650,"The NavigationMenu's v-model does not update correctly","2025-03-22T12:55:59Z","https://github.com/nuxt/ui/issues/3650",0.7006006,{"description":2914,"labels":2915,"number":2916,"owner":2868,"repository":2917,"state":2918,"title":2919,"updated_at":2920,"url":2921,"score":2922},"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.65652466,{"description":2924,"labels":2925,"number":2927,"owner":2868,"repository":2885,"state":2918,"title":2928,"updated_at":2929,"url":2930,"score":2931},"### 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\".`",[2926],{"name":2879,"color":2880},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.6628203,{"description":2933,"labels":2934,"number":2935,"owner":2868,"repository":2917,"state":2918,"title":2936,"updated_at":2937,"url":2938,"score":2939},"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.6682233,{"description":2941,"labels":2942,"number":2947,"owner":2868,"repository":2885,"state":2918,"title":2948,"updated_at":2949,"url":2950,"score":2951},"### 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_",[2943,2946],{"name":2944,"color":2945},"enhancement","a2eeef",{"name":2905,"color":2906},2832,"v3 CommandPalette: Open only content within popper","2024-12-05T13:24:12Z","https://github.com/nuxt/ui/issues/2832",0.6806777,{"labels":2953,"number":2963,"owner":2868,"repository":2868,"state":2918,"title":2964,"updated_at":2965,"url":2966,"score":2967},[2954,2957,2960],{"name":2955,"color":2956},"3.x","29bc7f",{"name":2958,"color":2959},"pending triage","E99695",{"name":2961,"color":2962},"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.68102676,{"description":2969,"labels":2970,"number":2975,"owner":2868,"repository":2885,"state":2918,"title":2976,"updated_at":2977,"url":2978,"score":2979},"### Environment\n\n- Operating System: Linux\n- Node Version: v20.5.1\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.14.2\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@2.19.2\n- Build Modules: -\n\n### Version\n\n2.19.2\n\n### Reproduction\n\n- create blank nuxt project with nuxt-ui module\n- add to page some buttons\n```\n\u003Cdiv>\n \u003CUButton icon=\"i-heroicons:plus-20-solid\">Add\u003C/UButton>\n \u003CUButton icon=\"ic:baseline-minus\">Remove\u003C/UButton>\n \u003CUButton>Clear\u003C/UButton>\n\u003C/div>\n```\n\n### Description\n\nButtons with icons (no matter icon set) jumping up raltive to clean text button\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2971,2972],{"name":2879,"color":2880},{"name":2973,"color":2974},"duplicate","cfd3d7",2805,"UButton icon breaks button position","2024-12-03T11:21:27Z","https://github.com/nuxt/ui/issues/2805",0.68877333,["Reactive",2981],{},["Set"],["ShallowReactive",2984],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fmRA7yg_PWSIZNjU0bBwKtDyA-tmYsAowqHUdH4yLdYg":-1},"/nuxt/ui/3552"]