\n\n \u003Ctemplate #panel>\n \u003CRegioloketPreview \n :data=\"row\"\n />\n \u003C/template>\n \u003C/UPopover>\n \u003C/template>\n\n```\n\n",[3170,3171,3173],{"name":3110,"color":3111},{"name":3172,"color":3084},"wontfix-v2",{"name":3098,"color":3099},2435,"@hover event for UTable rows","2025-07-01T14:32:16Z","https://github.com/nuxt/ui/issues/2435",0.72232866,{"description":3180,"labels":3181,"number":3184,"owner":3086,"repository":3087,"state":3151,"title":3185,"updated_at":3186,"url":3187,"score":3188},"### Description\n\nI'm building a UI with Slideover that lets users inspect table rows by clicking on them, and the inspector detail is inside a Slideover. Clicking a row opens a Slideover by setting its `v-model:open` to `true`. With `:overlay=\"false\"` and `:modal=\"false\"` so users can see and interact with content outside the Slideover, clicking on a second row changes the Slideover's content to be the inspector for that second row (so they can inspect a different row with only a single click). However, the Slideover correctly detects the click outside of the Slideover and closes briefly, only to immediately reopen because the click was on another row to be inspected (which sets `v-model:open` to `true` once again).\n\nIs there a way I can make a Slideover not perform its default behavior of automatically closing when a click outside the Slideover _is a certain target or set of targets_? That way the Slideover will not close and immediately reopen, rather, it will stay open and just update to the newly specified content.\n\nThanks so much! I am very much enjoying building with Nuxt UI.",[3182,3183],{"name":3110,"color":3111},{"name":3098,"color":3099},4289,"Keep Slideover open when clicking specific targets outside","2025-06-05T16:50:38Z","https://github.com/nuxt/ui/issues/4289",0.7238395,{"description":3190,"labels":3191,"number":3196,"owner":3086,"repository":3087,"state":3151,"title":3197,"updated_at":3198,"url":3199,"score":3200},"### Environment\n\n- Operating System: Darwin\n- Node Version: v18.20.3\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.17.2\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.8.2\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/eslint@0.6.2, @nuxt/fonts@0.10.3, @nuxt/ui@2.20.0, @vueuse/nuxt@12.0.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.13.2\n\n### Reproduction\n\n1. Use this template: https://github.com/nuxt-ui-pro/dashboard\n2. Run the app (npm run dev) (or run the demo: https://dashboard-template.nuxt.dev/)\n3. Open devtools and toggle device toolbar\n4. Click on the menu icon and then the nuxt text on the top. \n5. It is buggy because the hover mode is not taking into account the touch device input.\n\n\n\n\n### Description\n\nI use the template from https://github.com/nuxt-ui-pro/dashboard and tested it on mobile.\nThe component UDropdown has a mode of 'hover'. This however breaks the interaction on mobile/touch devices.\n\n\u003CUDropdown v-slot=\"{ open }\" mode=\"hover\" :items=\"[teams, actions]\" class=\"w-full\" :ui=\"{ width: 'w-full' }\"\n :popper=\"{ strategy: 'absolute' }\">\n\nThis is reproduced in the devtools using the mobile emulator, as well as your own device (ios).\n\n### Additional context\n\nI believe this to be a bug since an example should be working properly on all devices without workarounds.\n\n### Logs\n\n```shell-script\n\n```",[3192,3193,3194,3195],{"name":3080,"color":3081},{"name":3083,"color":3084},{"name":3146,"color":3147},{"name":3149,"color":3147},2989,"Dropdown with mode=\"hover\" breaks interaction on touch device","2025-06-18T09:05:08Z","https://github.com/nuxt/ui/issues/2989",0.72431946,["Reactive",3202],{},["Set"],["ShallowReactive",3205],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fk8mzgvTeEaImvkzOl2Yk3v1yvDlqm34Ji4ENPaZyim0":-1},"/nuxt/ui/2925"]