\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_",[3054,3055],{"name":3043,"color":3044},{"name":3023,"color":3024},4537,"closed","Modal emitting close event if is dismissed","2025-07-17T10:06:09Z","https://github.com/nuxt/ui/issues/4537",0.7630908,{"description":3063,"labels":3064,"number":3069,"owner":3029,"repository":3030,"state":3057,"title":3070,"updated_at":3071,"url":3072,"score":3073},"### Description\n\nI am using the modal component with the programatic opening and closing, exactly as described in the documentation here: https://ui.nuxt.com/components/modal#programmatic-usage\n\nHowever, whenever I try to get a result on close, for instance if I were to add a form or something in the modal, I do not get anything. When I log the result as in this line in the documentation: const shouldIncrement = await modal.open() - I get an unresolved promise. I am using the documentation verbatim.\n\nHow can I get something back from my modal that isn't an unresolved promise? I am using v 3.1.0",[3065,3068],{"name":3066,"color":3067},"question","d876e3",{"name":3023,"color":3024},4001,"How to get a modal to emit on close instead of only on open","2025-04-29T02:46:40Z","https://github.com/nuxt/ui/issues/4001",0.7748094,{"description":3075,"labels":3076,"number":3083,"owner":3029,"repository":3030,"state":3057,"title":3084,"updated_at":3085,"url":3086,"score":3087},"### Environment\n\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v21.6.1\r\n- Nuxt Version: 3.10.1\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: pnpm@8.15.1\r\n- Builder: -\r\n- User Config: extends, modules, app, ui, imports, devtools\r\n- Runtime Modules: @nuxt/ui@2.13.0, @pinia/nuxt@0.5.1\r\n- Build Modules: -\r\n------------------------------\n\n### Version\n\n\"@nuxt/ui\": \"^2.13.0\"\n\n### Reproduction\n\nDescription should be clear enough.\n\n### Description\n\n\u003Cimg width=\"300\" alt=\"Screen Shot 2024-02-10 at 9 02 12 AM\" src=\"https://github.com/nuxt/ui/assets/5523014/144df6f1-3704-4b13-929c-c74cfd81aecd\">\r\n\r\n\r\nWhen a `Modal` has a `Form` inside of it, and you go on mobile, the bug happens.\r\n\r\nThe modal always goes to the bottom of the screen. When the keyboard input opens, it covers the modal. \r\n\r\nClosing the keyboard input reveals the unseen mobile modal.\r\n\r\nI would suggest moving the modal to the top, or to compensate for the keyboard dynamically and be placed therefore somewhere in the top-middle.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3077,3078,3081],{"name":3020,"color":3021},{"name":3079,"color":3080},"closed-by-bot","ededed",{"name":3082,"color":3080},"stale",1346,"Modal With Form on Mobile is Covered by Keyboard Input","2025-06-19T02:12:54Z","https://github.com/nuxt/ui/issues/1346",0.78501916,{"description":3089,"labels":3090,"number":3095,"owner":3029,"repository":3030,"state":3057,"title":3096,"updated_at":3097,"url":3098,"score":3099},"### Environment\n\n- Operating System: `Linux`\n- Node Version: `v20.11.0`\n- Nuxt Version: `3.15.4`\n- CLI Version: `3.21.1`\n- Nitro Version: `2.10.4`\n- Package Manager: `npm@10.4.0`\n- Builder: `-`\n- Runtime Modules: `@nuxt/ui@2.21.0`\n- Build Modules: `-`\n\n\n### Version\n\n2.21.0\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-flkscwuw?file=app.vue\n\n```vue\n\u003Cscript setup lang=\"ts\">\nconst fullscreen = ref\u003Cboolean>(false);\nconst isOpen = ref\u003Cboolean>(false);\n\nconst toggleModal = () => {\n isOpen.value = !isOpen.value;\n};\nconst toggleFullscreen = () => {\n fullscreen.value = !fullscreen.value;\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv>\n \u003CUButton label=\"Open modal\" @click=\"toggleModal\" />\n \u003CUModal v-model=\"isOpen\" :fullscreen=\"fullscreen\">\n \u003Cdiv class=\"p-4\">\n \u003CUButton label=\"Toggle fullscreen\" @click=\"toggleFullscreen\" />\n \u003C/div>\n \u003C/UModal>\n \u003C/div>\n\u003C/template>\n```\n\n### Description\n\nStarting from [2.18.6](https://github.com/nuxt/ui/releases/tag/v2.18.6) @nuxt/ui version, Modal component become transparent when toggle `fullscreen` property. It seems something wrong with transitions css classes in UI props.\n\n**Expected behavior:**\n1. open Modal with `fullscreen=false`\n2. set `fullscreen=true`, Modal fills all viewport\n3. set `fullscreen=false`, Modal become small again\n\n**On 2.18.5 works as expected.** \n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3091,3092,3093,3094],{"name":3020,"color":3021},{"name":3026,"color":3027},{"name":3079,"color":3080},{"name":3082,"color":3080},3292,"Modal component fullscreen property toggle cause invalid css transition","2025-06-18T09:02:08Z","https://github.com/nuxt/ui/issues/3292",0.79221016,{"description":3101,"labels":3102,"number":3103,"owner":3029,"repository":3104,"state":3057,"title":3105,"updated_at":3106,"url":3107,"score":3108},"We will need to create a new component in the UI library\n\nhttps://tailwindui.com/components/application-ui/navigation/command-palettes#component-69fd3cc3634e02f74717c1046d51aa76",[],137,"nuxt.com","Transform branch switch modal to command palette","2022-03-14T16:37:18Z","https://github.com/nuxt/nuxt.com/issues/137",0.79245,{"description":3110,"labels":3111,"number":3115,"owner":3029,"repository":3030,"state":3057,"title":3116,"updated_at":3117,"url":3118,"score":3119},"### 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_",[3112,3113,3114],{"name":3020,"color":3021},{"name":3079,"color":3080},{"name":3082,"color":3080},1932,"`UModal` preventClose doesn't allow to interact with elements","2025-06-19T02:12:17Z","https://github.com/nuxt/ui/issues/1932",0.7954003,{"description":3121,"labels":3122,"number":3123,"owner":3029,"repository":3124,"state":3057,"title":3125,"updated_at":3126,"url":3127,"score":3128},"If I use custom collection feature (very useful one), development workflow with *.svg files is not ideal - page reload doesn't help, each file change require nuxt server restart.\n\nWould be good if nust-icon will watch files in custom collection directories and re-build client and server icon bundles, so they are available without devServer restart.",[],281,"icon","Changes in *.svg files in custom collections require restarting nuxt server","2024-10-28T13:23:09Z","https://github.com/nuxt/icon/issues/281",0.795994,{"description":3130,"labels":3131,"number":3135,"owner":3029,"repository":3030,"state":3057,"title":3136,"updated_at":3137,"url":3138,"score":3139},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v18.20.8`\n- Nuxt Version: `-`\n- CLI Version: `3.25.1`\n- Nitro Version: `-`\n- Package Manager: `npm@10.8.2`\n- Builder: `-`\n- User Config: `-`\n- Runtime Modules: `-`\n- Build Modules: `-`\n\n### Is this bug related to Nuxt or Vue?\n\nVue\n\n### Version\n\nv3.1.3\n\n### Reproduction\n\nhttps://codesandbox.io/p/sandbox/modal-close-not-working-kc99r3\n\n### Description\n\nThe scoped slots `content`, `header`, `body` and `footer` in UModal are supposed to receive an object containing a close-method, as per [the docs](https://ui.nuxt.com/components/modal#slots). They do not; only an empty object is received. Due to this, the Cancel-button from the [footer-example](https://ui.nuxt.com/components/modal#with-footer-slot) in the docs does not work. Inexplicably, the example in the docs works 🤔\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3132,3133,3134],{"name":3020,"color":3021},{"name":3023,"color":3024},{"name":3026,"color":3027},4266,"Modal content, header, body and footer slots not receiving the close method","2025-06-01T06:07:09Z","https://github.com/nuxt/ui/issues/4266",0.79682344,["Reactive",3141],{},["Set"],["ShallowReactive",3144],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$ftZwPOw0rp70XltRSGfMUJvQgFOI9HeanYpLrGIs8RXk":-1},"/nuxt/ui/3914"]