\n\n### Logs\n\n```shell-script\n\n```",[3171,3174],{"name":3172,"color":3173},"bug","d73a4a",{"name":3175,"color":3176},"triage","ffffff",5083,"nuxt","ui","open","Popover: hover area overlaps surroundings if content width is too big","2025-09-26T16:29:55Z","https://github.com/nuxt/ui/issues/5083",0.7275323,{"description":3186,"labels":3187,"number":3193,"owner":3178,"repository":3179,"state":3180,"title":3194,"updated_at":3195,"url":3196,"score":3197},"### Environment\n\n- Operating System: Linux\n- Node Version: v24.4.1\n- Nuxt Version: 3.18.0\n- CLI Version: 3.27.0\n- Nitro Version: 2.12.4\n- Package Manager: npm@11.4.2\n- Builder: -\n- User Config: devtools, ssr, security, sourcemap, vite, sentry, future, compatibilityDate, css, modules, runtimeConfig, app\n- Runtime Modules: @nuxt/ui-pro@3.3.2, @nuxt/eslint@1.7.1, nuxt-security@2.3.0, @vueuse/nuxt@13.6.0, @sentry/nuxt/module@9.43.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Package\n\nv3.x\n\n### Version\n\nv3.18.0\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/rspshv\n\n### Description\n\nWhen working with slideovers, if we open it from a DropdownMenu, an outside click is triggered, directly closing the slideover after opening.\n\nIf we add a timeout before opening, the outside click is triggered befor the slideover is opened, hence producing the expected behavior\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3188,3189,3192],{"name":3172,"color":3173},{"name":3190,"color":3191},"v3","49DCB8",{"name":3175,"color":3176},4839,"Slideover does not work when called from DropdownMenu","2025-09-01T06:45:41Z","https://github.com/nuxt/ui/issues/4839",0.73049366,{"description":3199,"labels":3200,"number":3204,"owner":3178,"repository":3179,"state":3180,"title":3205,"updated_at":3206,"url":3207,"score":3208},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.14.0\n- Nuxt Version: 3.17.4\n- CLI Version: 3.25.1\n- Nitro Version: 2.11.12\n- Package Manager: pnpm@10.11.0\n- Builder: -\n- User Config: compatibilityDate, devtools, ssr, future, runtimeConfig, modules, css\n- Runtime Modules: @nuxt/eslint@1.3.1, @nuxt/image@1.10.0, @nuxt/ui@3.1.1, @pinia/nuxt@0.11.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.3\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/modest-shaw-dwjzc5\n\n### Description\n\n**What I'm trying to do:**\n\nI'm using the `UTooltip` component to show helpful text for buttons that only have icons (no text labels). These tooltips help users understand what each button does.\n\n**The issue:**\n\nI noticed that when a button with a tooltip is also used to open a `UModal`, the tooltip stops working after the modal is opened once. Specifically:\n\n- The tooltip works fine initially.\n- After I click the button (which has the tooltip) and the modal opens, the tooltip no longer appears when hovering over the button.\n- This only happens when the tooltip is on the same button that opens its own modal.\n\n**What I tried:**\n\n- Wrapping the button in `UTooltip`, both inside and outside the `UModal`, but the result is the same.\n- Setting `disableClosingTrigger` to `true` in the tooltip options\n- I added a second modal opened by another button without a tooltip, and that one does not break tooltips elsewhere. So the issue seems to be tied specifically to tooltips on buttons that open their own modal.",[3201,3202,3203],{"name":3172,"color":3173},{"name":3190,"color":3191},{"name":3175,"color":3176},4274,"UTooltip breaks when attached to button that opens a UModal","2025-06-02T04:23:45Z","https://github.com/nuxt/ui/issues/4274",0.75253433,{"description":3210,"labels":3211,"number":3214,"owner":3178,"repository":3179,"state":3180,"title":3215,"updated_at":3216,"url":3217,"score":3218},"### Environment\n\n- Operating System: `Linux`\n- Node Version: `v20.12.0`\n- Nuxt Version: `3.17.3`\n- CLI Version: `3.28.0`\n- Nitro Version: `2.11.12`\n- Package Manager: `pnpm@8.15.6`\n- Builder: -\n- User Config: `modules`, `devtools`, `compatibilityDate`, `future`, `css`\n- Runtime Modules: `@nuxt/ui@3.1.1`\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Package\n\nv3.x\n\n### Version\n\n3.1.1\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/charming-wildflower-sn64h9\n\n### Description\n\nWhen making `UPopover` in mode `hover`, and inside the `template #content` putting things that being themselves some kind of overlay, and hovering over them - the `UPopover` disappears (as if the mouse left the popover).\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3212,3213],{"name":3172,"color":3173},{"name":3175,"color":3176},4851,"UPopover disappears when hovering over opened USelect that is inside its #content","2025-08-31T08:22:03Z","https://github.com/nuxt/ui/issues/4851",0.7544217,{"description":3220,"labels":3221,"number":3225,"owner":3178,"repository":3226,"state":3227,"title":3228,"updated_at":3229,"url":3230,"score":3231},"Hi all,\r\n\r\nI am trying to test my nuxt app with @nuxt/test-utils, but I am stuck with this error (all components and layouts are listed as errors).\r\n\r\n```\r\nFAIL tests/start.test.js (51.639 s)\r\n browser\r\n ✕ setup nuxt (49957 ms)\r\n ✕ renders the index page (794 ms)\r\n\r\n ● browser › setup nuxt\r\n\r\n\r\n ERROR in ./layouts/error.vue\r\n Module build failed (from ./node_modules/vuetify-loader/lib/loader.js):\r\n NonErrorEmittedError: (Emitted value instead of an instance of Error) SyntaxError: Invalid or unexpected token\r\n\r\n at node_modules/@nuxt/webpack/node_modules/webpack/lib/NormalModule.js:313:13\r\n at node_modules/@nuxt/webpack/node_modules/loader-runner/lib/LoaderRunner.js:367:11\r\n at node_modules/@nuxt/webpack/node_modules/loader-runner/lib/LoaderRunner.js:172:11\r\n at loadLoader (node_modules/@nuxt/webpack/node_modules/loader-runner/lib/loadLoader.js:32:11)\r\n at iteratePitchingLoaders (node_modules/@nuxt/webpack/node_modules/loader-runner/lib/LoaderRunner.js:169:2)\r\n at runLoaders (node_modules/@nuxt/webpack/node_modules/loader-runner/lib/LoaderRunner.js:365:2)\r\n at NormalModule.doBuild (node_modules/@nuxt/webpack/node_modules/webpack/lib/NormalModule.js:295:3)\r\n at NormalModule.build (node_modules/@nuxt/webpack/node_modules/webpack/lib/NormalModule.js:446:15)\r\n at Compilation.buildModule (node_modules/@nuxt/webpack/node_modules/webpack/lib/Compilation.js:739:10)\r\n at node_modules/@nuxt/webpack/node_modules/webpack/lib/Compilation.js:981:14\r\n at node_modules/@nuxt/webpack/node_modules/webpack/lib/NormalModuleFactory.js:409:6\r\n at node_modules/@nuxt/webpack/node_modules/webpack/lib/NormalModuleFactory.js:155:13\r\n at AsyncSeriesWaterfallHook.eval [as callAsync] (eval at create (node_modules/tapable/lib/HookCodeFactory.js:33:10), \u003Canonymous>:6:1)\r\n at node_modules/@nuxt/webpack/node_modules/webpack/lib/NormalModuleFactory.js:138:29\r\n at node_modules/@nuxt/webpack/node_modules/webpack/lib/NormalModuleFactory.js:346:9\r\n @ ./.nuxt/t12hfdrq/index.js 27:0-48 550:0-32\r\n @ ./.nuxt/t12hfdrq/client.js\r\n @ multi ./node_modules/@nuxt/components/lib/installComponents.js ./.nuxt/t12hfdrq/client.js\r\n ERROR in ./layouts/default.vue\r\n Module build failed (from ./node_modules/vuetify-loader/lib/loader.js):\r\n NonErrorEmittedError: (Emitted value instead of an instance of Error) SyntaxError: Invalid or unexpected token\r\n at node_modules/@nuxt/webpack/node_modules/webpack/lib/NormalModule.js:313:13\r\n at node_modules/@nuxt/webpack/node_modules/loader-runner/lib/LoaderRunner.js:367:11\r\n at node_modules/@nuxt/webpack/node_modules/loader-runner/lib/LoaderRunner.js:172:11\r\n at loadLoader (node_modules/@nuxt/webpack/node_modules/loader-runner/lib/loadLoader.js:32:11)\r\n at iteratePitchingLoaders (node_modules/@nuxt/webpack/node_modules/loader-runner/lib/LoaderRunner.js:169:2)\r\n at runLoaders (node_modules/@nuxt/webpack/node_modules/loader-runner/lib/LoaderRunner.js:365:2)\r\n at NormalModule.doBuild (node_modules/@nuxt/webpack/node_modules/webpack/lib/NormalModule.js:295:3)\r\n at NormalModule.build (node_modules/@nuxt/webpack/node_modules/webpack/lib/NormalModule.js:446:15)\r\n at Compilation.buildModule (node_modules/@nuxt/webpack/node_modules/webpack/lib/Compilation.js:739:10)\r\n at node_modules/@nuxt/webpack/node_modules/webpack/lib/Compilation.js:981:14\r\n at node_modules/@nuxt/webpack/node_modules/webpack/lib/NormalModuleFactory.js:409:6\r\n at node_modules/@nuxt/webpack/node_modules/webpack/lib/NormalModuleFactory.js:155:13\r\n at AsyncSeriesWaterfallHook.eval [as callAsync] (eval at create (node_modules/tapable/lib/HookCodeFactory.js:33:10), \u003Canonymous>:6:1)\r\n at node_modules/@nuxt/webpack/node_modules/webpack/lib/NormalModuleFactory.js:138:29\r\n at node_modules/@nuxt/webpack/node_modules/webpack/lib/NormalModuleFactory.js:346:9\r\n @ ./.nuxt/t12hfdrq/App.js 28:0-50 30:32-41\r\n @ ./.nuxt/t12hfdrq/index.js\r\n @ ./.nuxt/t12hfdrq/client.js\r\n @ multi ./node_modules/@nuxt/components/lib/installComponents.js ./.nuxt/t12hfdrq/client.js\r\n```\r\nMy `jest.config.js`:\r\n\r\n```js\r\n/*\r\n * For a detailed explanation regarding each configuration property, visit:\r\n * https://jestjs.io/docs/configuration\r\n */\r\n\r\nmodule.exports = {\r\n clearMocks: true,\r\n collectCoverage: true,\r\n coverageDirectory: 'coverage',\r\n coverageProvider: 'v8',\r\n preset: '@nuxt/test-utils',\r\n transformIgnorePatterns: [\r\n 'node_modules/(?!(nuxt-i18n|@nuxtjs/vuetify|@nuxtjs/i18n|nuxt-highcharts)/)',\r\n ],\r\n setupFilesAfterEnv: ['./tests/setup.js'],\r\n moduleNameMapper: {\r\n '^@/(.)$': '\u003CrootDir>/$1',\r\n '^~/(.)$': '\u003CrootDir>/$1',\r\n '^./(.)$': '\u003CrootDir>/$1',\r\n '^vue$': 'vue/dist/vue.common.js',\r\n },\r\n}\r\n```\r\n\r\nMy `setup.js`:\r\n\r\n```js\r\nimport path from 'path'\r\nimport glob from 'glob'\r\nimport Vue from 'vue'\r\n\r\nglob.sync(path.join(__dirname, './components/**/*.vue')).forEach((file) => {\r\n const name = file.match(/(\\w*)\\.vue$/)[1]\r\n Vue.component(name, require(file).default)\r\n})\r\n\r\nglobal.Vue = Vue\r\n```\r\n\r\nI am using nuxt components with `components: true` in my `nuxt.config.js`.\r\n\r\nHere my `package.json`:\r\n\r\n```json\r\n{\r\n \"name\": \"ui\",\r\n \"version\": \"1.0.0\",\r\n \"private\": true,\r\n \"scripts\": {\r\n \"dev\": \"nuxt\",\r\n \"build\": \"nuxt build\",\r\n \"start\": \"nuxt start\",\r\n \"generate\": \"nuxt generate\",\r\n \"lint:js\": \"eslint --ext \\\".js,.vue\\\" --ignore-path .gitignore .\",\r\n \"lint:prettier\": \"prettier --check .\",\r\n \"lint\": \"yarn lint:js && yarn lint:prettier\",\r\n \"lintfix\": \"prettier --write --list-different . && yarn lint:js --fix\",\r\n \"test\": \"nuxt build && jest\"\r\n },\r\n \"dependencies\": {\r\n \"@nuxtjs/auth-next\": \"5.0.0-1648802546.c9880dc\",\r\n \"@nuxtjs/axios\": \"^5.13.6\",\r\n \"@nuxtjs/dayjs\": \"^1.4.1\",\r\n \"@nuxtjs/i18n\": \"^7.2.2\",\r\n \"@nuxtjs/pwa\": \"^3.3.5\",\r\n \"core-js\": \"^3.23.1\",\r\n \"nuxt\": \"^2.15.8\",\r\n \"nuxt-highcharts\": \"^2.0.4\",\r\n \"vue\": \"^2.6.14\",\r\n \"vue-server-renderer\": \"^2.6.14\",\r\n \"vue-template-compiler\": \"^2.6.14\",\r\n \"vued3tree\": \"^5.1.0\",\r\n \"vuetify\": \"^2.6.6\",\r\n \"vuetify-confirm\": \"^2.0.6\",\r\n \"vuetify-toast-snackbar-ng\": \"^0.7.5\",\r\n \"vuex\": \"^3.6.2\",\r\n \"webpack\": \"^5.73.0\"\r\n },\r\n \"devDependencies\": {\r\n \"@babel/eslint-parser\": \"^7.18.2\",\r\n \"@nuxt/test-utils\": \"^0.2.2\",\r\n \"@nuxtjs/eslint-config\": \"^10.0.0\",\r\n \"@nuxtjs/eslint-module\": \"^3.1.0\",\r\n \"@nuxtjs/vuetify\": \"^1.12.3\",\r\n \"eslint\": \"^8.18.0\",\r\n \"eslint-config-prettier\": \"^8.5.0\",\r\n \"eslint-plugin-nuxt\": \"^3.2.0\",\r\n \"eslint-plugin-vue\": \"^9.1.1\",\r\n \"glob\": \"^8.0.3\",\r\n \"jest\": \"^28.1.1\",\r\n \"playwright\": \"^1.22.2\",\r\n \"prettier\": \"^2.7.1\"\r\n }\r\n}\r\n```\r\n\r\nAny ideas?\r\n\r\nThank you very much for your help.",[3222],{"name":3223,"color":3224},"v0","4137F6",315,"test-utils","closed","Problem with components","2024-05-01T16:05:18Z","https://github.com/nuxt/test-utils/issues/315",0.45758367,{"description":3233,"labels":3234,"number":3238,"owner":3178,"repository":3239,"state":3227,"title":3240,"updated_at":3241,"url":3242,"score":3243},"",[3235],{"name":3236,"color":3237},"enhancement","1ad6ff",298,"nuxt.com","Navbar popover should show on hover","2023-02-15T12:32:05Z","https://github.com/nuxt/nuxt.com/issues/298",0.7184773,{"description":3245,"labels":3246,"number":3238,"owner":3178,"repository":3248,"state":3227,"title":3249,"updated_at":3250,"url":3251,"score":3243},"### 🐛 The bug\n\nUsing Stripe as described in the docs gives me the error: \"Property onLoaded does not exist on type\":\n\n\n\n",[3247],{"name":3172,"color":3173},"scripts","Stripe TypeScript errors: \"Property onLoaded does not exist on type\"","2024-10-12T11:11:10Z","https://github.com/nuxt/scripts/issues/298",{"description":3253,"labels":3254,"number":3261,"owner":3178,"repository":3179,"state":3227,"title":3262,"updated_at":3263,"url":3264,"score":3265},"### Environment\n\nlast versions\n\n### Version\n\nv2.11.1\n\n### Reproduction\n\npopover hover mode and arrow - true\n\n### Description\n\npopover hover mode and arrow - true\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3255,3256,3259],{"name":3172,"color":3173},{"name":3257,"color":3258},"closed-by-bot","ededed",{"name":3260,"color":3258},"stale",1102,"[Popover] If use mode hover arrow work incorrect","2025-06-19T02:13:02Z","https://github.com/nuxt/ui/issues/1102",0.71980476,{"description":3267,"labels":3268,"number":3273,"owner":3178,"repository":3179,"state":3227,"title":3274,"updated_at":3275,"url":3276,"score":3277},"### 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```",[3269,3270,3271,3272],{"name":3172,"color":3173},{"name":3175,"color":3176},{"name":3257,"color":3258},{"name":3260,"color":3258},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.7275284,{"description":3233,"labels":3279,"number":3282,"owner":3178,"repository":3239,"state":3227,"title":3283,"updated_at":3284,"url":3285,"score":3286},[3280],{"name":3172,"color":3281},"ff281a",84,"Fix `SelectCustom` popover in dark mode","2022-03-01T11:09:46Z","https://github.com/nuxt/nuxt.com/issues/84",0.7363974,["Reactive",3288],{},["Set"],["ShallowReactive",3291],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f-c9CSdEMimimv-mFFyafJpLdGGDIKz5npJc1jpwRVdc":-1},"/nuxt/nuxt.com/315"]