` rows. `@select` brings you part of the way there, but doesn't make it easy to get access to the full underlying event, for example to check if the user is holding the \u003Ckey>Ctrl\u003C/key>.\n\nSimilarly, even with `@select` I can't see any easy way to focus the table rows using keyboard input. \n\n### Additional context\n\n_No response_",[2001,2004],{"name":2002,"color":2003},"enhancement","a2eeef",{"name":1988,"color":1989},2796,"UTable row click event","2025-01-23T09:56:08Z","https://github.com/nuxt/ui/issues/2796",0.752248,{"description":2011,"labels":2012,"number":2015,"owner":1991,"repository":1992,"state":1993,"title":2016,"updated_at":2017,"url":2018,"score":2019},"### Environment\n\n- Operating System: Linux\n- Node Version: v18.20.3\n- Nuxt Version: 3.14.159\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.2.3\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@2.19.2\n- Build Modules: -\n\n### Version\n\n2.19.2\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-kft69t?file=README.md\n\nLive: https://rad-fudge-8ff161.netlify.app/\n\n### Description\n\nSo this is a safari mobile bug only! About the UCarousel. \n\nWhen testing on desktop make sure you change the User Agent to Iphone in Safari. \n\nThe active slide/page is a bit random. You can reproduce by refreshing the page. Sometimes it starts at index 0 but other times at 3 etc. \n\nI tried to make a workaround in the onMounted. But that also does not seems to work. \n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2013,2014],{"name":1985,"color":1986},{"name":1988,"color":1989},2683,"UCarousel Safari (Mobile only) bug","2025-02-21T13:38:31Z","https://github.com/nuxt/ui/issues/2683",0.7566388,{"description":2021,"labels":2022,"number":2028,"owner":1991,"repository":1992,"state":1993,"title":2029,"updated_at":2030,"url":2031,"score":2032},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.13.1\n- Nuxt Version: 3.16.1\n- CLI Version: 3.23.1\n- Nitro Version: 2.11.8\n- Package Manager: yarn@4.8.1\n- Builder: -\n- User Config: compatibilityDate, imports, components, devtools, modules, css, fonts, ui\n- Runtime Modules: @nuxt/eslint@1.2.0, @nuxt/fonts@0.11.0, @nuxt/image@1.10.0, @nuxt/test-utils@3.17.2, @nuxt/ui@3.0.2\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.2\n\n### Reproduction\n\nhttps://github.com/nuxt/ui/blob/v3/src/theme/button.ts\n\n### Description\n\nI want to customize a button variant by `size`, `trailing` and `square` params. It works, but the types are broken.\n\nThe line in the `compoundVariants`:\n`{ size: 'md', trailing: true, square: false, class: { trailingIcon: '-mr-1' } }`\n\nErrors:\n`Type '{ trailingIcon: string; }' is not assignable to type 'string'`\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2023,2024,2027],{"name":1985,"color":1986},{"name":2025,"color":2026},"v3","49DCB8",{"name":1988,"color":1989},3738,"Incorrect compound button variants types","2025-03-30T14:32:49Z","https://github.com/nuxt/ui/issues/3738",0.75933075,{"description":2034,"labels":2035,"number":2040,"owner":1991,"repository":1992,"state":2041,"title":2042,"updated_at":2043,"url":2044,"score":2045},"### Description\n\nCan components be imported manually in Vue projects",[2036,2039],{"name":2037,"color":2038},"question","d876e3",{"name":2025,"color":2026},3340,"closed","Can components be imported manually in Vue projects","2025-02-17T10:10:41Z","https://github.com/nuxt/ui/issues/3340",0.7066478,{"labels":2047,"number":2054,"owner":1991,"repository":1991,"state":2041,"title":2055,"updated_at":2056,"url":2057,"score":2058},[2048,2051],{"name":2049,"color":2050},"pending triage","E99695",{"name":2052,"color":2053},"2.x","d4c5f9",8392,"Navbar of Nuxt.js org page ","2023-01-22T15:38:23Z","https://github.com/nuxt/nuxt/issues/8392",0.73932564,{"description":2060,"labels":2061,"number":2064,"owner":1991,"repository":2065,"state":2041,"title":2066,"updated_at":2067,"url":2068,"score":2069},"- [ ] Shadow on subnavbar with https://vueuse.org/core/usewindowscroll/#usewindowscroll\n- [x] Border under top navbar should be inside container\n- [x] Remove top footer border",[2062],{"name":2002,"color":2063},"1ad6ff",119,"nuxt.com","[Docs] Improve navbars borders","2023-02-15T12:30:41Z","https://github.com/nuxt/nuxt.com/issues/119",0.74547434,{"description":2071,"labels":2072,"number":2079,"owner":1991,"repository":1992,"state":2041,"title":2080,"updated_at":2081,"url":2082,"score":2083},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.13.0\n- Nuxt Version: 3.16.1\n- CLI Version: 3.23.1\n- Nitro Version: 2.11.7\n- Package Manager: npm@10.9.2\n- Builder: -\n- User Config: modules, compatibilityDate, devtools, css, ui, devServer, future, telemetry, hooks, eslint\n- Runtime Modules: @nuxt/eslint@0.6.2, @nuxt/ui-pro@3.0.1, nuxt-jsonld@2.1.0, @pinia/nuxt@0.10.1\n- Build Modules: -\n\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nNuxt v3.16.1\nui-pro v3.0.1\n\n### Reproduction\n\nWhen I add the following to my nuxt.config.ts:\n\n```ts\n{\n ui: {\n colorMode: false\n }\n}\n```\n\n...then `npx nuxi typecheck` fails with 8 errors.\n\n```\n[...snip]\nnode_modules/@nuxt/ui-pro/dist/runtime/vue/components/ColorModeButton.vue:18:24 - error TS2305: Module '\"#imports\"' has no exported member 'useColorMode'.\n\n18 import { useAppConfig, useColorMode } from '#imports'\n ~~~~~~~~~~~~\n\nnode_modules/@nuxt/ui-pro/dist/runtime/vue/components/ColorModeSelect.vue:10:24 - error TS2305: Module '\"#imports\"' has no exported member 'useColorMode'.\n\n10 import { useAppConfig, useColorMode } from '#imports'\n ~~~~~~~~~~~~\n\nnode_modules/@nuxt/ui-pro/dist/runtime/vue/components/ColorModeSwitch.vue:10:24 - error TS2305: Module '\"#imports\"' has no exported member 'useColorMode'.\n\n10 import { useAppConfig, useColorMode } from '#imports'\n ~~~~~~~~~~~~\n\n\nFound 8 errors in 8 files.\n\nErrors Files\n 1 node_modules/@nuxt/ui-pro/dist/runtime/components/color-mode/ColorModeButton.vue:18\n 1 node_modules/@nuxt/ui-pro/dist/runtime/components/color-mode/ColorModeSelect.vue:10\n 1 node_modules/@nuxt/ui-pro/dist/runtime/components/color-mode/ColorModeSwitch.vue:10\n 1 node_modules/@nuxt/ui-pro/dist/runtime/components/content/ContentSearch.vue:89\n 1 node_modules/@nuxt/ui-pro/dist/runtime/components/DashboardSearch.vue:57\n 1 node_modules/@nuxt/ui-pro/dist/runtime/vue/components/ColorModeButton.vue:18\n 1 node_modules/@nuxt/ui-pro/dist/runtime/vue/components/ColorModeSelect.vue:10\n 1 node_modules/@nuxt/ui-pro/dist/runtime/vue/components/ColorModeSwitch.vue:10\n\n ERROR Process exited with non-zero status (2)\n```\n\n### Description\n\nI think that there probably needs to be a stub export set up in all cases? Or these files should not be gathered by the typechecking script?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2073,2074,2075,2078],{"name":1985,"color":1986},{"name":2025,"color":2026},{"name":2076,"color":2077},"pro","5BD3CB",{"name":1988,"color":1989},3657,"Setting ui.colorMode = false breaks nuxi typecheck","2025-03-27T20:54:57Z","https://github.com/nuxt/ui/issues/3657",0.7482834,{"description":2085,"labels":2086,"number":2092,"owner":1991,"repository":1992,"state":2041,"title":2093,"updated_at":2094,"url":2095,"score":2096},"### Environment\n\nOperating System: Windows_NT\nNode Version: v20.18.0\nNuxt Version: -\nCLI Version: 3.14.0\nNitro Version: -\nPackage Manager: unknown\nBuilder: -\nUser Config: -\nRuntime Modules: -\nBuild Modules: -\n\n### Version\n\nv3.0.0-alpha.6\n\n### Reproduction\n\nCannot use v3 on stackblitz so no repo.\n\n### Description\n\nSelect menu, dropdown, input menu etc are displayed under the modal.\nHappens when modal is fullscreen as well. Didn't check every component, but most are like this.\n\n\n\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2087,2088,2091],{"name":1985,"color":1986},{"name":2089,"color":2090},"duplicate","cfd3d7",{"name":2025,"color":2026},2378,"[Select/Dropdown/Modal] Modal z-index not properly configured","2024-10-21T10:15:45Z","https://github.com/nuxt/ui/issues/2378",0.75575006,{"description":2098,"labels":2099,"number":2102,"owner":1991,"repository":1992,"state":2041,"title":2103,"updated_at":2104,"url":2105,"score":2106},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.10.0\n- Nuxt Version: 3.14.159\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.9.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.9, nuxt-svgo@4.0.9\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.9\n\n### Reproduction\n\n```vue\n\u003Cscript setup lang=\"ts\">\n/* Types */\nimport type { NavigationMenuItem } from \"#ui/types\";\n\nconst items = ref\u003CNavigationMenuItem[][]>([\n [\n {\n label: \"Menu\",\n defaultOpen: true,\n children: [\n {\n label: \"Submenu\",\n badge: {\n label: \"latest\",\n color: \"secondary\",\n },\n to: \"https://www.example.com\",\n target: \"_blank\",\n },\n ],\n },\n ],\n]);\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv class=\"h-full\">\n \u003CUNavigationMenu orientation=\"vertical\" :items=\"items\" />\n \u003C/div>\n\u003C/template>\n```\n\n### Description\n\nAfter upgrading from `alpha.8` to `alpha.9`, the border radius is wrong (different from the rest of the application) when using badge in the [NavigationMenu](https://ui3.nuxt.dev/components/navigation-menu). When inspecting HTML, this is the class (related to border radius) applied to the badge: `rounded-[calc(var(--ui-radius)]`.\n\nI also tried passing the [class](https://ui3.nuxt.dev/components/badge#class-prop) to `BadgeProps` but it doesn't work:\n```vue\n```vue\n\u003Cscript setup lang=\"ts\">\n/* Types */\nimport type { NavigationMenuItem } from \"#ui/types\";\n\nconst items = ref\u003CNavigationMenuItem[][]>([\n [\n {\n label: \"Menu\",\n defaultOpen: true,\n children: [\n {\n label: \"Submenu\",\n badge: {\n label: \"latest\",\n color: \"secondary\",\n class: \"rounded-full\", // ! NOT WORKING\n },\n to: \"https://www.example.com\",\n target: \"_blank\",\n },\n ],\n },\n ],\n]);\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv class=\"h-full\">\n \u003CUNavigationMenu orientation=\"vertical\" :items=\"items\" />\n \u003C/div>\n\u003C/template>\n```\nHowever, IMO the border radius should be inherited (no need to pass `class`).\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2100,2101],{"name":1985,"color":1986},{"name":2025,"color":2026},2766,"Badge border radius is wrong (NavigationMenu)","2024-11-26T11:23:27Z","https://github.com/nuxt/ui/issues/2766",0.76070637,["Reactive",2108],{},["Set"],["ShallowReactive",2111],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"HUW3Ez_ggHggWOaT5yDeyL3qmIDhoB04wdR845JLbZo":-1},"/nuxt/nuxt.com/1271"]