\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```",[1998,1999],{"name":1985,"color":1986},{"name":2000,"color":2001},"triage","ffffff",3062,"ui","The input box in the modal will automatically gain focus","2025-01-10T08:36:56Z","https://github.com/nuxt/ui/issues/3062",0.68669003,{"description":2009,"labels":2010,"number":2016,"owner":1988,"repository":2003,"state":1990,"title":2017,"updated_at":2018,"url":2019,"score":2020},"### 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```",[2011,2012,2015],{"name":1985,"color":1986},{"name":2013,"color":2014},"v3","49DCB8",{"name":2000,"color":2001},3635,"UModal Header height clipped","2025-03-20T13:20:49Z","https://github.com/nuxt/ui/issues/3635",0.6954552,{"description":2022,"labels":2023,"number":2026,"owner":1988,"repository":2003,"state":1990,"title":2027,"updated_at":2028,"url":2029,"score":2030},"",[2024,2025],{"name":1985,"color":1986},{"name":2013,"color":2014},2346,"[Popover] Hover mode not working on mobile","2024-11-06T17:02:41Z","https://github.com/nuxt/ui/issues/2346",0.70091367,{"description":2032,"labels":2033,"number":2034,"owner":1988,"repository":2035,"state":1990,"title":2036,"updated_at":2037,"url":2038,"score":2039},"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.70793355,{"description":2041,"labels":2042,"number":2046,"owner":1988,"repository":2003,"state":1990,"title":2047,"updated_at":2048,"url":2049,"score":2050},"### Environment\n\nnode22, nuxtui300-b3 and nuxt3\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv.3.0.0-beta3\n\n### Reproduction\n\nYou can reproduce from the components page for modal and drawer. Open the drawer, the bottom drawer appears, and rest of page shifts from removal of scrollbar. Same does not occur on the modal component.\n\n### Description\n\nThe modal component properly handles overflow and prevents shifting of the main page layout when open. The drawer component does not. Would like to see the drawer prevent layout shift from the scroll bar removal, like is done on the modals. \n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2043,2044,2045],{"name":1985,"color":1986},{"name":2013,"color":2014},{"name":2000,"color":2001},3523,"Drawer shifts layout unlike modal","2025-03-23T17:40:06Z","https://github.com/nuxt/ui/issues/3523",0.72106683,{"description":2052,"labels":2053,"number":2057,"owner":1988,"repository":2058,"state":2059,"title":2060,"updated_at":2061,"url":2062,"score":2063},"- [x] `/modules`\n- [x] `/community/repositories`\n- [x] `/community/nuxters`\n\n\n",[2054],{"name":2055,"color":2056},"enhancement","1ad6ff",613,"nuxt.com","closed","Pages with search should have an empty state","2023-02-15T12:32:39Z","https://github.com/nuxt/nuxt.com/issues/613",0.46327645,{"description":2065,"labels":2066,"number":1987,"owner":1988,"repository":2058,"state":2059,"title":2068,"updated_at":2069,"url":2070,"score":1994},"Redirect to `/projects` public page instead\n\nBlocked by #403 ",[2067],{"name":2055,"color":2056},"Beta page integration `/beta`","2022-06-07T09:41:42Z","https://github.com/nuxt/nuxt.com/issues/402",{"description":2072,"labels":2073,"number":2077,"owner":1988,"repository":2003,"state":2059,"title":2078,"updated_at":2079,"url":2080,"score":2081},"### For what version of Nuxt UI are you suggesting this?\n\nv3.0.0-alpha.x\n\n### Description\n\nAs of now, in Nuxt UI v3.0.0-alpha.x, the `SIDE_OPTIONS` constant is defined as follows:\n\n``` ts\nconst SIDE_OPTIONS: [\"top\", \"right\", \"bottom\", \"left\"];\n```\n\nThe current four directions cannot meet the practical development needs. For example, when there is a button on the far right of the screen to open a dropdown menu, it cannot automatically appear as 'bottom-right'.Tooltips, dropdown menus, or popovers may require positioning beyond the basic cardinal directions to avoid obscuring content or to better fit within the viewport.\n\n#### Proposed Enhancement\n\nI propose to extend the SIDE_OPTIONS constant to include combinations of the cardinal directions to allow for greater flexibility and finer control over positioning. The updated SIDE_OPTIONS would be:\n\n``` ts\nconst SIDE_OPTIONS = [\n \"top\", \"right\", \"bottom\", \"left\",\n \"bottom-left\", \"bottom-right\",\n \"left-top\", \"left-bottom\",\n \"top-left\", \"top-right\",\n \"right-top\", \"right-bottom\"\n];\n```\n\n\n### Additional context\n\n| | |\n| ----------- | ----------- |\n|  | |\n\n\n",[2074,2076],{"name":2055,"color":2075},"a2eeef",{"name":2013,"color":2014},2712,"Side needs more direction","2024-11-20T19:59:29Z","https://github.com/nuxt/ui/issues/2712",0.68522036,{"description":2083,"labels":2084,"number":2088,"owner":1988,"repository":1988,"state":2059,"title":2089,"updated_at":2090,"url":2091,"score":2092},"### Environment\r\n\r\nStackblitz\r\n\r\n### Reproduction\r\n\r\n1. Open [Vue Playground Link](https://play.vuejs.org/#eNp9U1tP2zAU/itHfmk6lRQoT12pxrY+MImLBtsLRlOanBSDY2eOXYqq/PcdO2nacakURcc+1+87n9fsrCzjpUM2ZpMqNaK0UKF15ZQrUZTaWFiDwXwAz4lNH2Z5jqmFGnKjC+hRXq+Lu3j5pslSqGzrjoc7d74JBXOValVZsFjZM2Pg1FeP7tYgsjEcQT2gft483pqjrXkC9X2fq51ZoqgPp1PwRbXEWOpF1JaOl4l0OIDe1a/bm/Pvs16fMifDBiTBo4PFopSJRToBTHYBLA8KnaEc+1oHiTGnnLVlOYMhxU+GXTIbsFc4X5MJMlELX6LibJfYjzj9zJV9KRFuqeXV/JFIauArV8zRQP2WxAxzofDCzzxps+7up1Gvjeh5Ag3+dcIg1bHGIdREB1e5U6kVWoErMwJDscnLTGJBSCKhMlxtug5AqFyP4ToxViRdl2kf1p69/0i/C5n3fm7vA4jj+L2AQef1tcOJsNG3AZjh3C1++wyq1Wz6nTmPN/K4SOxDnEutTRRMk6hMF5T36ejwsN8ifiueMOQ+BZ1fNgKivdT+t09FmVgGg8y5s5aY/ZJKkT7R+rdoggx8DMANktrCXZM0bLJa/3rdLbkmXry/abCjP65IgbYiALlYxI+VVqS/gImzlGQpJJqr0i+Z5DferISzREr9/CPceUG0y6CcB0yf3rl/rFb+jrNrgxWaJaHofDYxC7SNe3ZziSuyOyc9JScpeo/zJxL5zs/YhH11KqOxd+LCtOfh5Qi1uK1mK4uq2oDygwb5hHjO6BX5F/kR9O24o3i0kR2x+GeJxtckAkfxSTwasfof0HG4/Q==)\r\n2. Click on \"Set value\"\r\n3. Check the console and see that watchEffect was triggered (\"outside\" and \"inside\")\r\n\r\nNow with Nuxt 🙈 \r\n\r\n1. Open the [Stackblitz](https://stackblitz.com/edit/nuxt-issues-28240)\r\n2. Click on \"Set Value\"\r\n3. Check the console -> watchEffect **was not triggered**, neither \"outside\" nor \"inside\"\r\n\r\n### Describe the bug\r\n\r\nI am not sure why the behavior is different than in plain Vue but somehow, even with `ssr: false`, the update event of `defineModel` is never fired when using an array ref as value and modifying an element of the array.\r\n\r\n### Additional context\r\n\r\nusing `watch` + `deep` (in either inside or outside) will trigger properly.\r\n\r\n### Logs\r\n\r\n_No response_",[2085],{"name":2086,"color":2087},"pending triage","E99695",28240,"defineModel behavior for `ref` arrays differs from plain Vue","2024-07-22T08:30:11Z","https://github.com/nuxt/nuxt/issues/28240",0.6855779,["Reactive",2094],{},["Set"],["ShallowReactive",2097],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"194TBTgBJXOBKiP-QHslA14IoKmpGQZxIW7v_rFYGYU":-1},"/nuxt/test-utils/613"]