` 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_",[3053,3055,3058,3061],{"name":3020,"color":3054},"a2eeef",{"name":3056,"color":3057},"triage","ffffff",{"name":3059,"color":3060},"closed-by-bot","ededed",{"name":3062,"color":3060},"stale",2796,"closed","UTable row click event","2025-06-18T09:05:27Z","https://github.com/nuxt/ui/issues/2796",0.71399266,{"description":3070,"labels":3071,"number":3079,"owner":3029,"repository":3045,"state":3064,"title":3080,"updated_at":3081,"url":3082,"score":3083},"### Environment\n\n- Operating System: `Windows 11`\n- Browser: `Chrome 131`\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt UI\n\n### Version\n\nv2.20.0, 3.0.0-alpha-x\n\n### Reproduction\n\n[Tabs ](https://ui.nuxt.com/components/tabs) and [Input#disabled](https://ui.nuxt.com/components/input#disabled) sections of ui.nuxt.com, as well as pretty much every other component that has a \"Disabled\" state, demonstrate the issue\n\n### Description\n\nThe current styling for `disabled` state of different components in Nuxt UI has a very subtle visual distinction from the enabled state. On a monitor with good sRGB calibration (Gigabyte M32U - IPS, 4K, sRGB mode), the grayed-out appearance of the `disabled` state in almost every Nuxt UI component (as shown on the [ui.nuxt.com/components](https://ui.nuxt.com/components)) is almost indistinguishable from the non-disabled state.\n\n**Issue:**\n- Disabled elements do not provide a clear visual cue, making it hard for users to differentiate their state at a glance.\n- This affects usability and accessibility, especially for users with mild visual impairments or varying screen settings.\n\n**Suggestion:**\n\nConsider increasing contrast differences or adding clearer indicators (e.g., opacity) to improve visual accessibility for disabled elements.\n\n**Example:**\n[Tabs](https://ui.nuxt.com/components/tabs) and [Input#disabled](https://ui.nuxt.com/components/input#disabled) sections of ui.nuxt.com, as well as pretty much every other component that has a \"Disabled\" state, demonstrate the issue.\n\n**Video** (may look different on your monitor):\nNuxt UI `2.20.0`:\n\n\nhttps://github.com/user-attachments/assets/81eea3ee-1c74-4036-9fe9-55b18cb16851\n\n\nNuxt UI `3.0.0-alpha-x`:\n\n\nhttps://github.com/user-attachments/assets/9018589e-98fb-46d1-97e5-623fae98727e\n\n\n**Photos** of how it looks like on the mentioned monitor:\n\n\u003Cimg src=\"https://github.com/user-attachments/assets/97736e43-fe88-428a-b3b2-67fcbe9b37dc\" width=\"400\"/>\n\n\u003Cimg src=\"https://github.com/user-attachments/assets/6caf4ee6-0cb9-4c7e-9bc7-07e320248b8e\" width=\"400\"/>\n\n\u003Cimg src=\"https://github.com/user-attachments/assets/b64d9960-4877-4fc4-b016-92ce8c4cf393\" width=\"400\"/>\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3072,3075,3076,3077,3078],{"name":3073,"color":3074},"bug","d73a4a",{"name":3042,"color":3043},{"name":3056,"color":3057},{"name":3059,"color":3060},{"name":3062,"color":3060},2995,"Improve disabled state visibility for Tabs and other components","2025-06-18T09:02:44Z","https://github.com/nuxt/ui/issues/2995",0.7145191,{"description":3085,"labels":3086,"number":3091,"owner":3029,"repository":3045,"state":3064,"title":3092,"updated_at":3093,"url":3094,"score":3095},"### Description\r\n\r\nHi 馃憢馃徎 \r\n\r\nI started using NuxtUI and realized one more thing that can be improved. Right now, For `v-model` of tabs component index (number) is used.\r\n\r\nIf we want to get the key of active tab for making API req then we have to do something like below:\r\n```ts\r\nconst activeTabKey = items[itemsModel.value]!.key\r\n\r\n// With this feature implemented we can directly use `itemsModel.value`\r\n```\r\n\r\nInstead, if we can allow using `key` then:\r\n- I'll be more readable\r\n- If we change the order of the tabs (in items array) it doesn't affect the active tab\r\n\r\n### Additional context\r\n\r\nWe can also introduce this change in v3.",[3087,3088,3089,3090],{"name":3020,"color":3054},{"name":3056,"color":3057},{"name":3059,"color":3060},{"name":3062,"color":3060},2061,"Allow using tab item key as value for v-model","2025-06-18T09:06:22Z","https://github.com/nuxt/ui/issues/2061",0.72732884,{"description":3097,"labels":3098,"number":3104,"owner":3029,"repository":3045,"state":3064,"title":3105,"updated_at":3106,"url":3107,"score":3108},"### Description\n\nNuxt UI 3 components currently do not fully support usage within a Shadow DOM environment. TBH i don't know if this is even feasible but opening this for discussion. \n\n### Additional context\n\nI am trying to use Nuxt/ui inside chrome extension content script. During my testing, styles are applied as required, but functionality is broken. ",[3099,3100,3101,3102,3103],{"name":3020,"color":3054},{"name":3042,"color":3043},{"name":3056,"color":3057},{"name":3059,"color":3060},{"name":3062,"color":3060},3576,"Support Usage of Nuxt UI 3 in Shadow DOM","2025-06-18T09:01:33Z","https://github.com/nuxt/ui/issues/3576",0.7314335,{"description":3110,"labels":3111,"number":3116,"owner":3029,"repository":3045,"state":3064,"title":3117,"updated_at":3118,"url":3119,"score":3120},"### For what version of Nuxt UI are you suggesting this?\n\nv2.x\n\n### Description\n\nI'm using a Table in my project to display a list of \"Items\" with a summary of their properties. To view the full details of an item, users can click on a row to navigate to a detailed page for that item.\n\nCurrently, I'm using the `@select` event to handle row clicks and navigate to the details page. However, this approach doesn鈥檛 support opening the details page in a new tab when users right-click or middle-click on a row.\n\nIs there a way to make each row behave more like a link to support this functionality? Or is there any possibility of adding support for this in a future update?\n\nThank you!\n\n\n### Additional context\n\n_No response_",[3112,3113,3115],{"name":3020,"color":3054},{"name":3114,"color":3057},"wontfix-v2",{"name":3042,"color":3043},2492,"[Feature request] Add link compatibility with Table row","2025-07-01T12:18:07Z","https://github.com/nuxt/ui/issues/2492",0.73519593,{"description":3122,"labels":3123,"number":3127,"owner":3029,"repository":3045,"state":3064,"title":3128,"updated_at":3129,"url":3130,"score":3131},"### Description\n\nHello\n\nI鈥榤 using nuxt ui 3 and I really love it. At the moment I use de UNavigationMenu with the links to navigate between sub-pages. I wanted to change to the UTabs, because I really lile the look of them. But unfortunately I realised, that this is not that easy. The UTabs are not made like the UNavigationMenu links, where you can easily render the sub-pages in the NuxtPage with to: links. Could you make this possible? 鈽猴笍\n\nThank you! \n\nCuster\n\n### Additional context\n\n_No response_",[3124,3125,3126],{"name":3020,"color":3054},{"name":3042,"color":3043},{"name":3056,"color":3057},4092,"Use Tabs for site navigation","2025-05-10T16:11:35Z","https://github.com/nuxt/ui/issues/4092",0.7392576,{"description":3133,"labels":3134,"number":3138,"owner":3029,"repository":3045,"state":3064,"title":3139,"updated_at":3140,"url":3141,"score":3142},"### For what version of Nuxt UI are you asking this question?\n\nv2.x\n\n### Description\n\nI'm wondering if there is an event (similar to ``@select``) for hovering over a table row?\n\nI want to show a popover panel upon hovering over a row\n\nMy current workaround is to insert an action column, and wrap it in a ``UPopover`` component. But preferably, the entire row should act as a trigger\n\nAny suggestions?\n\n```\n\u003Ctemplate #preview-data=\"{ row }\">\n \u003CUPopover \n mode=\"hover\" \n :open-delay=\"300\" \n :disabled=\"isMounted && !grid.sm\"\n :ui=\"{\n ring: 'dark:ring-gray-700'\n }\"\n >\n \u003CUButton icon=\"i-heroicons-identification-20-solid\" color=\"purple\" square />\n\n \u003Ctemplate #panel>\n \u003CRegioloketPreview \n :data=\"row\"\n />\n \u003C/template>\n \u003C/UPopover>\n \u003C/template>\n\n```\n\n",[3135,3136,3137],{"name":3039,"color":3040},{"name":3114,"color":3057},{"name":3042,"color":3043},2435,"@hover event for UTable rows","2025-07-01T14:32:16Z","https://github.com/nuxt/ui/issues/2435",0.73955566,{"description":3144,"labels":3145,"number":3152,"owner":3029,"repository":3045,"state":3064,"title":3153,"updated_at":3154,"url":3155,"score":3156},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.14.0\n- Nuxt Version: 3.16.2\n- CLI Version: 3.25.0\n- Nitro Version: 2.11.9\n- Package Manager: npm@10.9.2\n- Builder: -\n- User Config: ssr, devtools, modules, css, app, runtimeConfig, i18n, devServer, colorMode, compatibilityDate\n- Runtime Modules: @nuxt/ui@3.0.2, @pinia/nuxt@0.5.5, @nuxt/eslint@0.5.7, @nuxtjs/i18n@9.5.3, @nuxtjs/device@3.2.4\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://codesandbox.io/p/devbox/blazing-currying-smhzvr\nnew: https://codesandbox.io/p/devbox/nuxt-ui3-n3sxks\n\n### Description\n\nI have search input inside UDropdownMenu to search items:\n1. When I focus input then hover items input loosing focus\n2. When I start typing input loosing focus and items are getting focus. You can try in reproduction url.\n3. [Offtop] Also there should be slot for menu iteself \n\n### Additional context\n\nAs I said I'm trying to type \"t\" but not working at all. This should not work this way\n\nhttps://github.com/user-attachments/assets/6c684cdb-1d5d-48c8-a5e5-eacf8507f823\n\n### Logs\n\n```shell-script\n\n```",[3146,3147,3150,3151],{"name":3073,"color":3074},{"name":3148,"color":3149},"needs reproduction","CB47CF",{"name":3042,"color":3043},{"name":3059,"color":3060},4098,"Unable to use search input inside UDropdownMenu","2025-06-03T02:11:42Z","https://github.com/nuxt/ui/issues/4098",0.74309576,["Reactive",3158],{},["Set"],["ShallowReactive",3161],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f18s9wrasVBw9S5o75krZmo-Z7LAerdb4WsJAKSzlgfs":-1},"/nuxt/ui/4292"]