\n\n### Logs\n\n```shell-script\n\n```",[3188,3189],{"name":3172,"color":3173},{"name":3175,"color":3176},5083,"Popover: hover area overlaps surroundings if content width is too big","2025-09-26T16:29:55Z","https://github.com/nuxt/ui/issues/5083",0.72482574,{"description":3196,"labels":3197,"number":3200,"owner":3178,"repository":3179,"state":3180,"title":3201,"updated_at":3202,"url":3203,"score":3204},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.12.0\n- Nuxt Version: 4.1.2\n- CLI Version: 3.28.0\n- Nitro Version: 2.12.6\n- Package Manager: pnpm@10.18.0\n- Builder: -\n- User Config: -\n- Runtime Modules: -\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.X, v4.X\n\n### Reproduction\n\nhttps://github.com/nuxt/ui/tree/v4/playground\n\nSet `arrow` prop to \"false\".\n\n### Description\n\nI'm unable to disable the visibility of the `arrow` icon at the end of my `USelect`.\n\nEven after commenting `SelectArrow` inside `Select.vue`, it's still being displayed. Maybe a Reka UI issue ?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3198,3199],{"name":3172,"color":3173},{"name":3175,"color":3176},5163,"[Select/SelectMenu] Cannot hide \"arrow\"","2025-10-06T13:19:24Z","https://github.com/nuxt/ui/issues/5163",0.7558847,{"description":3206,"labels":3207,"number":3213,"owner":3178,"repository":3179,"state":3180,"title":3214,"updated_at":3215,"url":3216,"score":3217},"### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Package\n\nv4.x\n\n### Version\n\nv4.0.1\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/quizzical-dust-9h7kfm?file=%2Fapp%2Fapp.vue%3A7%2C8-7%2C25\n\n### Description\n\nUsing `:menu=\"{ ui: { ... } }` to theme slideover has no effect.\n\nIn the sandbox it should be red:\n```\n\u003CUDashboardSidebar :menu=\"{ side: 'right', ui: { overlay: 'bg-black/50', content: 'bg-red-400' } }\">\n```",[3208,3209,3210],{"name":3172,"color":3173},{"name":3175,"color":3176},{"name":3211,"color":3212},"v4","49DCB8",5179,"UDashboardSidebar menu ui prop has no effect","2025-10-07T17:08:03Z","https://github.com/nuxt/ui/issues/5179",0.7656525,{"description":3219,"labels":3220,"number":3223,"owner":3178,"repository":3224,"state":3225,"title":3226,"updated_at":3227,"url":3228,"score":3229},"- [ ] Delay when hovering\n- [ ] Button shouldn't be clickable\n- [ ] When moving the mouse between the trigger and the popover, it disappears\n\n> I assume this would also be applicable to `Dropdown` component",[3221],{"name":3172,"color":3222},"ff281a",315,"nuxt.com","closed","Navbar popover issues with hover mode","2023-02-15T12:32:07Z","https://github.com/nuxt/nuxt.com/issues/315",0.718145,{"description":3231,"labels":3232,"number":3223,"owner":3178,"repository":3236,"state":3225,"title":3237,"updated_at":3238,"url":3239,"score":3229},"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.",[3233],{"name":3234,"color":3235},"v0","4137F6","test-utils","Problem with components","2024-05-01T16:05:18Z","https://github.com/nuxt/test-utils/issues/315",{"description":3241,"labels":3242,"number":3250,"owner":3178,"repository":3179,"state":3225,"title":3251,"updated_at":3252,"url":3253,"score":3254},"### Environment\n\n- Operating System: Linux\n- Node Version: v18.20.3\n- Nuxt Version: 3.15.2\n- CLI Version: 3.20.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@8.15.6\n- Builder: -\n- User Config: modules\n- Runtime Modules: @nuxt/ui@2.21.0\n- Build Modules: -\n\n### Version\n\nv2.21.0\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-kt7kxa75?file=app.vue\n\n### Description\n\nThe position of the arrow of a tooltip which is used inside a popover appears in the wrong position if the `top` placement is used\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3243,3244,3245,3248],{"name":3172,"color":3173},{"name":3175,"color":3176},{"name":3246,"color":3247},"closed-by-bot","ededed",{"name":3249,"color":3247},"stale",3164,"Bug on tooltip arrow position if inside a popover","2025-06-18T09:02:28Z","https://github.com/nuxt/ui/issues/3164",0.7395424,{"description":3256,"labels":3257,"number":3262,"owner":3178,"repository":3179,"state":3225,"title":3263,"updated_at":3264,"url":3265,"score":3266},"### 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```",[3258,3259,3260,3261],{"name":3172,"color":3173},{"name":3175,"color":3176},{"name":3246,"color":3247},{"name":3249,"color":3247},2989,"Dropdown with mode=\"hover\" breaks interaction on touch device","2025-06-18T09:05:08Z","https://github.com/nuxt/ui/issues/2989",0.7445259,{"description":3268,"labels":3269,"number":3276,"owner":3178,"repository":3179,"state":3225,"title":3277,"updated_at":3278,"url":3279,"score":3280},"### Environment\n\nOperating System: Windows 11\nNode Version: v22.14.0\nNuxt Version: 3.17.3\nNitro Version: 2.11.12\nBrowser: Firefox v139.0.1\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/arrow-issue-in-dropdownmenu-jmq5jf\n\n### Description\n\nHi,\nI've noticed an issue when using backdrop-blur on DropdownMenu. When the backdrop-blur utility is applied to the background, the arrow becomes hidden or invisible. However, once I remove the backdrop-blur, the arrow displays correctly again.\n\nI've created an example with two DropdownMenus — one with backdrop-blur applied and one without. You should be able to see the issue.\n\nCould you please take a look and fix the issue? Thank you!\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3270,3271,3273,3274,3275],{"name":3172,"color":3173},{"name":3272,"color":3212},"v3",{"name":3175,"color":3176},{"name":3246,"color":3247},{"name":3249,"color":3247},4294,"Arrow Hidden When backdrop-blur Is Used on DropdownMenu","2025-08-20T02:08:24Z","https://github.com/nuxt/ui/issues/4294",0.75064784,{"description":3282,"labels":3283,"number":3288,"owner":3178,"repository":3179,"state":3225,"title":3289,"updated_at":3290,"url":3291,"score":3292},"### For what version of Nuxt UI are you suggesting this?\n\nv3.0.0-alpha.x\n\n### Description\n\nAFAIK there is currently no documented way to prevent the popover from opening automatically through click or hover.\n\nExample API:\n\n```\n\u003CUPopover mode=\"manual\">\n \u003CUButton>I don't do anything\u003C/UButton\n\u003C/UPopover>\n```\n\n### Additional context\n\nRelated to #721 (but not fixed)",[3284,3287],{"name":3285,"color":3286},"enhancement","a2eeef",{"name":3272,"color":3212},2925,"Popover manual mode with no click nor hover","2025-05-10T17:19:51Z","https://github.com/nuxt/ui/issues/2925",0.7521694,["Reactive",3294],{},["Set"],["ShallowReactive",3297],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fM9fMBhTuXj0Fk0J5pefrZKrovXoUs874Fhv5c0rmJFY":-1},"/nuxt/ui/1102"]