\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_",[3202,3203],{"name":3180,"color":3181},{"name":3149,"color":3150},4537,"closed","Modal emitting close event if is dismissed","2025-07-17T10:06:09Z","https://github.com/nuxt/ui/issues/4537",0.7630908,{"description":3211,"labels":3212,"number":3215,"owner":3155,"repository":3156,"state":3205,"title":3216,"updated_at":3217,"url":3218,"score":3219},"### 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",[3213,3214],{"name":3192,"color":3193},{"name":3149,"color":3150},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":3221,"labels":3222,"number":3229,"owner":3155,"repository":3156,"state":3205,"title":3230,"updated_at":3231,"url":3232,"score":3233},"### 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_",[3223,3224,3227],{"name":3146,"color":3147},{"name":3225,"color":3226},"closed-by-bot","ededed",{"name":3228,"color":3226},"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":3235,"labels":3236,"number":3241,"owner":3155,"repository":3156,"state":3205,"title":3242,"updated_at":3243,"url":3244,"score":3245},"### 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```",[3237,3238,3239,3240],{"name":3146,"color":3147},{"name":3152,"color":3153},{"name":3225,"color":3226},{"name":3228,"color":3226},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":3247,"labels":3248,"number":3249,"owner":3155,"repository":3250,"state":3205,"title":3251,"updated_at":3252,"url":3253,"score":3254},"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":3256,"labels":3257,"number":3261,"owner":3155,"repository":3156,"state":3205,"title":3262,"updated_at":3263,"url":3264,"score":3265},"### 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_",[3258,3259,3260],{"name":3146,"color":3147},{"name":3225,"color":3226},{"name":3228,"color":3226},1932,"`UModal` preventClose doesn't allow to interact with elements","2025-06-19T02:12:17Z","https://github.com/nuxt/ui/issues/1932",0.7954003,["Reactive",3267],{},["Set"],["ShallowReactive",3270],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$ftZwPOw0rp70XltRSGfMUJvQgFOI9HeanYpLrGIs8RXk":-1},"/nuxt/ui/3914"]