` component, specifically when the `appear` prop is set.\r\n\r\nIt seems that the click event listener on an element inside `\u003CTransition appear>` isn't being properly handled.\r\nSteps to reproduce:\r\n1. open the reproduction\r\n2. click on the semi-transparent fullscreen div\r\n3. *nothing happens* even though it should have set its visibility to `false`\r\n\r\n1. remove `appear` from the `\u003CTransition>` component in `FullscreenBackground.vue`\r\n2. repeat the same steps & now the click is properly handled\r\n\r\n### Additional context\r\n\r\nI've tried and I couldn't reproduce the same issue in Vue, so I assume it could be a bug in Nuxt.\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[3101,3104],{"name":3102,"color":3103},"3.x","29bc7f",{"name":3105,"color":3106},"pending triage","E99695",24754,"`\u003CTransition appear>` breaks click event listener","2023-12-15T10:09:43Z","https://github.com/nuxt/nuxt/issues/24754",0.75287735,{"description":3113,"labels":3114,"number":3119,"owner":3030,"repository":3031,"state":3044,"title":3120,"updated_at":3121,"url":3122,"score":3123},"### Environment\n\n- Operating System: Linux\n- Node Version: v18.20.3\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@8.15.6\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@2.19.2\n- Build Modules: -\n\n### Version\n\n2.19.2(vite@5.4.11)(vue@3.5.13)\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-dvarzb\n\n### Description\n\nI tried to add new functionality on USelectMenu to have information icon on select menu option so that when you hover on it, it will trigger UPopover to display important detail of the object including an action button to open a slideover. \n\nI tried it on multiple mode and single mode. But the implementation was not working on single mode. To give you more context, I'm using `@mouseenter` and `@mouseleave` events on the popover panel slot in order to detect whether I'm on the popover panel and to prevent clicking the option when I'm clicking the `Open detailed view` button.\n\n\n\nThe issue was when I'm in single mode and tried to hover on the icon then clicked the `Open detailed view` button, it closes both the popover and the select menu.\n\nI expect it would open the slide over both in multiple and single select menu.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3115,3116,3117,3118],{"name":3021,"color":3022},{"name":3027,"color":3028},{"name":3065,"color":3066},{"name":3068,"color":3066},2753,"[USelectMenu] [UPopover] Can't open click button inside popover panel in select menu option","2025-06-18T09:05:35Z","https://github.com/nuxt/ui/issues/2753",0.75380486,{"description":3125,"labels":3126,"number":3128,"owner":3030,"repository":3043,"state":3044,"title":3129,"updated_at":3130,"url":3131,"score":3132},"",[3127],{"name":3021,"color":3041},84,"Fix `SelectCustom` popover in dark mode","2022-03-01T11:09:46Z","https://github.com/nuxt/nuxt.com/issues/84",0.75482297,{"description":3134,"labels":3135,"number":3140,"owner":3030,"repository":3030,"state":3044,"title":3141,"updated_at":3142,"url":3143,"score":3144},"### Environment\n\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v18.18.2\r\n- Nuxt Version: 3.13.1\r\n- CLI Version: 3.13.1\r\n- Nitro Version: 2.9.7\r\n- Package Manager: yarn@4.4.1\r\n- Builder: -\r\n- User Config: future, srcDir, dir, components, alias, typescript, devtools, modules, routeRules, tailwindcss, postcss, compatibilityDate\r\n- Runtime Modules: @nuxtjs/tailwindcss@6.12.1, @nuxt/image@1.8.0, @nuxt/eslint@0.5.5, @nuxt/content@2.13.2\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nNot working hover events demo: nuxt@3.13.1 + vue@3.5.2\r\nhttps://stackblitz.com/edit/nuxt-vue-3-4-beta-squnun?file=src%2Fpages%2Fhome%2FHomePage.vue,src%2Fshared%2Fui%2Fthumb-carousel%2Fuse-thumb-carousel.ts\r\n\r\nWorking demo: nuxt@3.13.0 + vue@3.4.8\r\nhttps://stackblitz.com/edit/nuxt-vue-3-4-beta-uiqqjl?file=src%2Fpages%2Fhome%2FHomePage.vue,src%2Fshared%2Fui%2Fthumb-carousel%2Fuse-thumb-carousel.ts\r\n\r\nWorking non-nuxt demo: Vite(vike) + vue@3.5.2\r\nhttps://stackblitz.com/edit/dajced?file=pages%2Findex%2F%2BPage.vue,components%2Fthumb-carousel%2Fuse-thumb-carousel.ts\r\n\n\n### Describe the bug\n\n- Open non-working demo\r\n- Wait for the server to start up\r\n- Reload the page (1/twice)\r\n- Hover over the thumbs.\r\n- Navigation should work, but nothing happens, although the carousel itself is initialized\r\n\r\nIn working demos all works fine.\n\n### Additional context\n\nI don't understand what must have been changed in nuxt for my code to stop working.\r\nCan you look at the source code of the `useThumbCarousel` hook that links carousel initialization with expected behavior - maybe there is some part of the code there that causes problems? I'm thinking about watchers or refs.\n\n### Logs\n\n_No response_",[3136,3137],{"name":3105,"color":3106},{"name":3138,"color":3139},"possible regression","B90A42",28856,"Something broken with latest vue (3.5.2+) and latest nuxt (3.13.1)","2024-09-11T19:49:43Z","https://github.com/nuxt/nuxt/issues/28856",0.7558954,["Reactive",3146],{},["Set"],["ShallowReactive",3149],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fM9fMBhTuXj0Fk0J5pefrZKrovXoUs874Fhv5c0rmJFY":-1},"/nuxt/ui/1102"]