\n \u003CUInput v-model=\"state.name1\" placeholder=\"...\" />\n\u003C/UModal>\n```\n\nWhen a modal contains one or more input boxes, the first input box will always get focus automatically.\nIf I manually add a close button in the upper right corner, it will trigger a validation when I click it. This is not good. How can I avoid the input box getting focus when opening the modal?\n\n### Additional context\n\n\n\n\n### Logs\n\n```shell-script\n\n```",[2887,2888],{"name":2868,"color":2869},{"name":2874,"color":2875},3062,"The input box in the modal will automatically gain focus","2025-01-10T08:36:56Z","https://github.com/nuxt/ui/issues/3062",0.65641516,{"description":2895,"labels":2896,"number":2900,"owner":2877,"repository":2878,"state":2879,"title":2901,"updated_at":2902,"url":2903,"score":2904},"### Environment\n\n- Operating System: `Windows_NT`\n- Node Version: `v22.13.1`\n- Nuxt Version: `3.16.1`\n- CLI Version: `3.23.1`\n- Nitro Version: `2.11.7`\n- Package Manager: `yarn@1.22.22`\n- Builder: `-`\n- User Config: `compatibilityDate`, `extends`, `modules`, `css`, `app`, `linkChecker`, `build`, `schemaOrg`, `sitemap`, `robots`, `future`, `runtimeConfig`, `imports`, `ui`, `image`, `dayjs`, `prismic`\n- Runtime Modules: `@nuxtjs/prismic@4.1.0`, `nuxt-swiper@2.0.0`, `dayjs-nuxt@2.1.11`, `@nuxt/ui@3.0.0`, `@zadigetvoltaire/nuxt-gtm@0.0.13`, `@nuxtjs/seo@3.0.1`, `@nuxt/scripts@0.11.2`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0\n\n### Reproduction\n\nnot needed\n\n### Description\n\nThe header with a lot of text in mobile is getting squashed. I believe the problem is the min-h-16 utility.\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2897,2898,2899],{"name":2868,"color":2869},{"name":2871,"color":2872},{"name":2874,"color":2875},3635,"UModal Header height clipped","2025-03-20T13:20:49Z","https://github.com/nuxt/ui/issues/3635",0.6612952,{"description":2906,"labels":2907,"number":2912,"owner":2877,"repository":2878,"state":2879,"title":2913,"updated_at":2914,"url":2915,"score":2916},"### Description\n\nHi, I'm having a hard time applying transition to dark / light background.\n\nMy `main.css` file is as follows.\n\nChanging the background color from `slate` to `stone`, for example, works fine.\n\nThe problem is just for the light / dark theme transition.\n\n```\n:root {\n --ui-bg: var(--ui-color-neutral-100);\n}\n\n.dark {\n --ui-bg: var(--ui-color-neutral-900);\n}\n\n@layer base {\n body {\n @apply transition-colors duration-1000;\n }\n}\n```\n\nHere is the function that changes the theme:\n\n```\nconst isDark = computed({\n get() {\n return colorMode.value === 'dark';\n },\n set() {\n colorMode.preference = colorMode.value === 'dark' ? 'light' : 'dark';\n },\n});\n```\n\nAny help would be appreciated, thanks!\n",[2908,2911],{"name":2909,"color":2910},"question","d876e3",{"name":2871,"color":2872},3645,"Applying transition-colors to light / dark theme","2025-03-21T16:20:57Z","https://github.com/nuxt/ui/issues/3645",0.66940534,{"description":2918,"labels":2919,"number":2921,"owner":2877,"repository":2922,"state":2879,"title":2923,"updated_at":2924,"url":2925,"score":2926},"### 🐛 The bug\n\nHi, I found this specific bug that occurs using layouts and having `pageTransition` and `layoutTransition` enabled in nuxt config. Then, you navigate between layouts and the last page has a video and is fetching something with `useFetch`, then, you try to play the video. The script loads, but the video doesn't play.\n\n\n\n- Steps to reproduce: _(It is recommended to open the preview in a new tab)_\n1. Start the reproduction\n2. You must be on the index page `/`\n3. Click `Go to Layout`\n4. Try to play the video\n5. The script loads, but the video doesn't play\n6. Inspect the console and you must see the error\n\n\n### 🛠️ To reproduce\n\nhttps://stackblitz.com/edit/nuxt-starter-aqvq3n\n\n### 🌈 Expected behavior\n\nThe video in /video should be played after clicking it\n\n### ℹ️ Additional context\n\nnuxt: 3.13.2\n@nuxt/scripts: 0.9.4\n\nBtw: this error doesn't occur if you enclose the script with `\u003CClientOnly>`",[2920],{"name":2868,"color":2869},297,"scripts","ScriptYouTubePlayer: Weird specific bug related to layouts, transitions and useFetch","2024-10-22T08:53:32Z","https://github.com/nuxt/scripts/issues/297",0.6704272,{"description":2928,"labels":2929,"number":2930,"owner":2877,"repository":2931,"state":2879,"title":2932,"updated_at":2933,"url":2934,"score":2935},"My icon file directory is nested, which means I'm creating multiple `customCollections`, like this: \n\n\nIs there a simpler way to write it?",[],316,"icon","Local custom nested folder usage issues","2025-03-16T06:02:57Z","https://github.com/nuxt/icon/issues/316",0.6830524,{"description":2937,"labels":2938,"number":2945,"owner":2877,"repository":2946,"state":2947,"title":2948,"updated_at":2949,"url":2950,"score":2951},"_Following the meeting in Paris with @danielroe and @Atinux, we need a better communication for our community members to have a better understanding of our organisation._\n\nAdd a FAQ page to explain the scope of Nuxt Open Source Community and NuxtLabs.\nExample: [Vue FAQ](https://vuejs.org/about/faq.html)\n",[2939,2942],{"name":2940,"color":2941},"marketing","f5c828",{"name":2943,"color":2944},"dev","018415",1336,"nuxt.com","closed","FAQ Page","2023-10-10T14:44:50Z","https://github.com/nuxt/nuxt.com/issues/1336",0.65879405,{"description":2953,"labels":2954,"number":2962,"owner":2877,"repository":2878,"state":2947,"title":2963,"updated_at":2964,"url":2965,"score":2966},"### For what version of Nuxt UI are you suggesting this?\n\nv3-alpha\n\n### Description\n\nI've defined my custom color in `app.vue`:\n```\n\u003Cstyle>\n@theme {\n --color-foobar-50: #f3f1ff;\n --color-foobar-100: #ebe5ff;\n...\n```\nand defined this as primary color in `app.config.ts`:\n```\nexport default defineAppConfig({\n ui: {\n colors: {\n primary: 'foobar',\n...\n```\n\nThis causes a type error:\n> Type '\"foobar\"' is not assignable to type 'Color | undefined'.\n\nThe only workaround seems to be `'foobar' as any`. However, I'd like to avoid both `as` and `any` in my code base.\n\n### Additional context\n\n_No response_",[2955,2958,2961],{"name":2956,"color":2957},"duplicate","cfd3d7",{"name":2959,"color":2960},"enhancement","a2eeef",{"name":2871,"color":2872},2531,"Allow custom colors in app.config.ts","2024-11-13T12:09:04Z","https://github.com/nuxt/ui/issues/2531",0.6673493,{"description":2968,"labels":2969,"number":2921,"owner":2877,"repository":2946,"state":2947,"title":2972,"updated_at":2973,"url":2974,"score":2926},"To be discussed",[2970],{"name":2959,"color":2971},"1ad6ff","Improve sidebar mobile navigation on second level (after click)","2022-05-20T13:10:54Z","https://github.com/nuxt/nuxt.com/issues/297",{"description":2976,"labels":2977,"number":2979,"owner":2877,"repository":2946,"state":2947,"title":2980,"updated_at":2981,"url":2982,"score":2983},"Redirect to `/projects` public page instead\n\nBlocked by #403 ",[2978],{"name":2959,"color":2971},402,"Beta page integration `/beta`","2022-06-07T09:41:42Z","https://github.com/nuxt/nuxt.com/issues/402",0.67651695,["Reactive",2985],{},["Set"],["ShallowReactive",2988],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fWVKZBW6hdPCJYo1V2wR8Kmgui6S6tMMsOxApPTgnlDg":-1},"/nuxt/ui/3546"]