\n \u003CUButton label=\"Success\" @click=\"emit('close', true)\" />\n \u003C/div>\n \u003C/template>\n \u003C/UModal>\n\u003C/template>\n\n\n```\n\n\n### Additional context\n\n_No response_",[3203,3206],{"name":3204,"color":3205},"enhancement","a2eeef",{"name":3149,"color":3150},4537,"Modal emitting close event if is dismissed","2025-07-17T10:06:09Z","https://github.com/nuxt/ui/issues/4537",0.719657,{"description":3213,"labels":3214,"number":3216,"owner":3155,"repository":3156,"state":3195,"title":3217,"updated_at":3218,"url":3219,"score":3220},"### Description\n\nHello.\n\nWith a modal when it opens the first button present is selected. Is there a way to change selection order or prevent it completely?\nIn exemple below the reset button is pre-selected. \n\nI could reorder buttons instead but I would like no pre-selections instead and prevent users' \"miss-click\". Thanks.\n\n```html\n \u003CUModal v-model=\"dialog\" prevent-close>\n \u003CUCard>\n \u003Cp>Reset data or continue?\u003C/p>\n\n \u003Cdiv class=\"flex justify-between\">\n \u003CUButton color=\"gray\" variant=\"ghost\" @click=\"reset\">\n Delete current data\n \u003CUIcon name=\"i-heroicons-x-mark-20-solid\" class=\"text-red-600\" />\n \u003C/UButton>\n\n \u003CUButton color=\"gray\" variant=\"ghost\" @click=\"continue\">\n Continue\n \u003CUIcon name=\"i-mdi-arrow-right-circle\" class=\"text-primary\" />\n \u003C/UButton>\n \u003C/div>\n \u003C/UCard>\n \u003C/UModal>\n```",[3215],{"name":3188,"color":3189},3187,"[V2] How to prevent button pre-selection on UModal?","2025-05-23T15:45:56Z","https://github.com/nuxt/ui/issues/3187",0.732307,{"description":3222,"labels":3223,"number":3229,"owner":3155,"repository":3156,"state":3195,"title":3230,"updated_at":3231,"url":3232,"score":3233},"### Environment\r\n\r\n- Operating System: Darwin\r\n- Node Version: v22.1.0\r\n- Nuxt Version: 3.12.4\r\n- CLI Version: 3.12.0\r\n- Nitro Version: 2.9.7\r\n- Package Manager: npm@10.7.0\r\n- Builder: -\r\n- User Config: extends, modules, tiptap, future, compatibilityDate, devtools, runtimeConfig\r\n- Runtime Modules: @pinia/nuxt@0.5.3, @nuxt/ui@2.18.4, nuxt-tiptap-editor@1.2.1\r\n- Build Modules: -\r\n\r\n### Version\r\n\r\nv2.18.4\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/~/github.com/nerdnum/projectx-frontend-v3 \r\n\r\n@moshetanzer , I tagged you as you requested on Discord. Please let me know if you can access the link. It is my first time creating something on stackblitz, and I am not sure how access is managed.\r\n\r\nThe panel behaves the same on Stackblitz as on my development machine. The panel does not close.\r\n\r\n### Description\r\n\r\nI am using Nuxt-UI Pro. I provide a NavigationTree (using \"label\" and \"to\" in the links tree) to the panel slot of the Header component. When the screen with is less than 1024px, as expected, the NavigationTree is displayed when one clicks on the hamburger icon. When one clicks on one of the links in the tree, the application navigates to the new URL, but it does not close the panel as expected. One has to click on the 'x' to close the panel.\r\n\r\nThis differs from the behaviour of the Nuxt-ui documentation site (https://ui.nuxt.com/pro/components/header), which closes the panel and does the navigation. I cannot find anything about closing the panel with code in the documentation. \r\n\r\nIt behaves the same in chrome, edge and firefox.\r\n\r\nDisabling SSR does not make a difference.\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[3224,3225,3228],{"name":3146,"color":3147},{"name":3226,"color":3227},"pro","5BD3CB",{"name":3152,"color":3153},2098,"Panel with NavigationTree does not close on Navigation","2025-04-30T13:37:50Z","https://github.com/nuxt/ui/issues/2098",0.7360418,{"description":3235,"labels":3236,"number":3243,"owner":3155,"repository":3156,"state":3195,"title":3244,"updated_at":3245,"url":3246,"score":3247},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.20.3\r\n- Nuxt Version: 3.12.1\r\n- CLI Version: 3.12.0\r\n- Nitro Version: 2.9.6\r\n- Package Manager: pnpm@8.15.6\r\n- Builder: -\r\n- User Config: modules\r\n- Runtime Modules: @nuxt/ui@2.17.0\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Version\r\n\r\nv2.17.0\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/nuxt-ui-5movd8?file=app.vue\r\n(Test on mobile or open Devtools and toggle device mode.)\r\n\r\n### Description\r\n\r\nWhen two or more `UModal` are using `preventClose` prop doesn't allow to interact with the elements of the modal on top when in touch mode.\r\n\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[3237,3238,3241],{"name":3146,"color":3147},{"name":3239,"color":3240},"closed-by-bot","ededed",{"name":3242,"color":3240},"stale",1932,"`UModal` preventClose doesn't allow to interact with elements","2025-06-19T02:12:17Z","https://github.com/nuxt/ui/issues/1932",0.7382943,{"description":3249,"labels":3250,"number":3255,"owner":3155,"repository":3156,"state":3195,"title":3256,"updated_at":3257,"url":3258,"score":3259},"### Environment\n\nnuxt: 3.15.1\n\n### Version\n\nv2.20.0\n\n### Reproduction\n\n-\n\n### Description\n\n```\n\u003CUModal>\n \u003CUInput v-model=\"state.name\" placeholder=\"..\" />\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```",[3251,3252,3253,3254],{"name":3146,"color":3147},{"name":3152,"color":3153},{"name":3239,"color":3240},{"name":3242,"color":3240},3062,"The input box in the modal will automatically gain focus","2025-06-18T09:02:39Z","https://github.com/nuxt/ui/issues/3062",0.75329006,{"description":3261,"labels":3262,"number":3266,"owner":3155,"repository":3156,"state":3195,"title":3267,"updated_at":3268,"url":3269,"score":3270},"### Environment\n\nOperating System: Linux\nNode Version: v18.20.3\nNuxt Version: 3.15.4\nCLI Version: 3.21.1\nNitro Version: 2.10.4\nPackage Manager: pnpm@8.15.6\nBuilder: -\nUser Config: modules\nRuntime Modules: @nuxt/ui@2.21.0\nBuild Modules: -\n\n\n### Version\n\n^2.17.0\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-um7dcx8a?file=app.vue\n\n### Description\n\nIn a Nuxt project using Nuxt UI, when a u-notification appears over a u-slideover, the notification is not clickable. The issue occurs because the u-slideover element blocks interactions with elements positioned above it. \n\nI have provided a reproduction link above where if you open the slideover, a notification appears after 1 sec and the notification is not interactive (action button does not work).\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3263,3264,3265],{"name":3146,"color":3147},{"name":3239,"color":3240},{"name":3242,"color":3240},3214,"Bug: u-notification Not Clickable When Positioned Over u-slideoveror or u-modal","2025-06-18T09:02:21Z","https://github.com/nuxt/ui/issues/3214",0.7592779,["Reactive",3272],{},["Set"],["ShallowReactive",3275],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fpZWBlS_eWkK7y5hef9aymh3TmiIixs4h8_aZjjFDVKk":-1},"/nuxt/ui/4244"]