` 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_",[2011,2014],{"name":2012,"color":2013},"enhancement","a2eeef",{"name":1988,"color":1989},2796,"UTable row click event","2025-01-23T09:56:08Z","https://github.com/nuxt/ui/issues/2796",0.77552396,{"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 (Ubuntu)'\n- Node Version: `v22.12.0`\n- Nuxt Version: `v3.0.0-alpha.12`\n- Package Manager: `pnpm@9.15.4`\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.12\n\n### Reproduction\n\nSteps to Reproduce\n\n Create a button in a Nuxt.js project.\n\n Add text to the button.\n\n Try to center the text using text-align: center or margin: auto.\n\n Observe that the text does not center properly.\n\n Switch to using display: flex; justify-content: center; align-items: center; and observe that the text centers correctly.\n\n### Description\n\nI'm experiencing an issue where the text inside a button only centers correctly when using flexbox. When using traditional methods like text-align: center or margin: auto, the text does not align properly.\n\n### Additional context\n\n\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},3251,"Button text alignment issue: Text only centers properly with flexbox","2025-02-10T10:12:50Z","https://github.com/nuxt/ui/issues/3251",0.78118044,{"description":2034,"labels":2035,"number":2041,"owner":1991,"repository":1992,"state":1993,"title":2042,"updated_at":2043,"url":2044,"score":2045},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.12.0\n- Nuxt Version: 3.15.1\n- CLI Version: 3.18.2\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.15.0\n- Builder: -\n- User Config: devtools, modules, css, future, compatibilityDate, eslint\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.9, @nuxt/eslint@0.7.4, @vueuse/nuxt@12.3.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.x\n\n### Reproduction\n\n[nuxt-ui-button-transition-repro](https://github.com/fech-dev/nuxt-ui-button-transition-repro)\n\n### Description\n\nI'm unable to animate (or use transitions) with vue's Transition component with UButton. I've noticed that the UButton uses NuxtLink that renders a fragment. This is causing the problem, since Transition component will not be able to work with fragments. \n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n[Vue warn]: Component inside \u003CTransition> renders non-element root node that cannot be animated. \n at \u003CNuxtLink class=\"rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-none disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-[var(--ui-bg)] bg-[var(--ui-primary)] hover:bg-[var(--ui-primary)]/75 disabled:bg-[var(--ui-primary)] aria-disabled:bg-[var(--ui-primary)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-primary)]\" raw=true custom=\"\" > \n at \u003CULink type=undefined disabled=false class=\"rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-none disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-[var(--ui-bg)] bg-[var(--ui-primary)] hover:bg-[var(--ui-primary)]/75 disabled:bg-[var(--ui-primary)] aria-disabled:bg-[var(--ui-primary)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-primary)]\" ... > \n at \u003CUButton key=\"_default1\" label=\"Open\" onClick=fn > \n at \u003CBaseTransition appear=false persisted=false mode=undefined ... > \n at \u003CTransition enter-from-class=\"opacity-0 translate-x-100\" enter-active-class=\"transition duration-400\" leave-active-class=\"transition duration-400\" ... > \n at \u003CFadeTransition > \n at \u003CPrimitive as=undefined class=\"max-w-[var(--ui-container)] mx-auto px-4 sm:px-6 lg:px-8 flex flex-col justify-center items-center min-h-screen gap-4\" > \n at \u003CUContainer class=\"flex flex-col justify-center items-center min-h-screen gap-4\" > \n at \u003CApp key=4 > \n at \u003CNuxtRoot>\n```",[2036,2037,2038],{"name":1985,"color":1986},{"name":2025,"color":2026},{"name":2039,"color":2040},"upstream","78bddb",3037,"Unable to animate Button with Transition component","2025-03-22T21:43:43Z","https://github.com/nuxt/ui/issues/3037",0.7861589,{"description":2047,"labels":2048,"number":2051,"owner":1991,"repository":1992,"state":2052,"title":2053,"updated_at":2054,"url":2055,"score":2056},"### Version\n\nv3 latest commit\n\n### Description\n\nThe `size-*` class applied by a button gets overwritten by the icon itself.\n\nLeft one is in my project, right one is from the docs:\n\n\u003Cimg width=\"300\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/c1c427fd-6854-4623-b5f1-db47a74450e2\" />\n\n\u003Cimg width=\"428\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/7f2bf278-8b13-4d8b-84ec-beb29d9036bb\" />\n\nI couldnt reproduce in a fresh project, but my project is pretty clean still with no customizations. Might have something to do with the css order?\n",[2049,2050],{"name":1985,"color":1986},{"name":2025,"color":2026},2926,"closed","v3: Icon size gets overwritten by icon's width/height","2024-12-29T11:55:14Z","https://github.com/nuxt/ui/issues/2926",0.74170053,{"description":2058,"labels":2059,"number":2060,"owner":1991,"repository":2061,"state":2052,"title":2062,"updated_at":2063,"url":2064,"score":2065},"these should point to module repo + link rather than to nuxt.com",[],1271,"nuxt.com","normalize relative links in module readmes","2023-10-10T14:44:46Z","https://github.com/nuxt/nuxt.com/issues/1271",0.7593328,{"description":2067,"labels":2068,"number":2077,"owner":1991,"repository":1991,"state":2052,"title":2078,"updated_at":2079,"url":2080,"score":2081},"### Environment\n\n9th Generation iPad - iOS 15.5\r\n\n\n### Reproduction\n\n\r\n\r\n\r\nhttps://github.com/nuxt/nuxt/assets/7904174/67e98b91-fb9d-47c4-b05b-533f1c39959e\r\n\r\n\n\n### Describe the bug\n\nWhen clicking through navigation and then pressing the back button, active link styles are not removed on iPad\r\n\r\nFrom video:\r\nGo to a site using Nuxt\r\nClick on an item in the nav bar \"Guide\"\r\nClick on the next item in nav bar \"API\"\r\nClick the back button\r\n\r\nBoth of the navbar items still have the same style.\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2069,2072,2074],{"name":2070,"color":2071},"3.x","29bc7f",{"name":2039,"color":2073},"E8A36D",{"name":2075,"color":2076},"upstream-bug","B60205",21288,"active class not removed on iPad","2023-12-25T23:38:36Z","https://github.com/nuxt/nuxt/issues/21288",0.7595831,{"description":2083,"labels":2084,"number":2091,"owner":1991,"repository":1991,"state":2052,"title":2092,"updated_at":2093,"url":2094,"score":2095},"Hi. We have various issues reported for `scrollBehavior` not behaving as desired. Maybe use-cases differ but almost all of them are related to the same known issue and we are aware and plan to help fixing it. Please don't make/reopen duplicated issues as there is enough info about the problem.It just makes the process harder. As of always contributions and PRs are appreciated to both `vue-router` and `nuxt` for possible fixes.\r\n\r\n### vue-router\r\n- Handle scrollBehaviour with transitions (vuejs/vue-router#1263)\r\n- Another detail of scrollBehavior wrapped in transition(vuejs/vue-router#1373)\r\n- scrollBehavior doesn't work for initial route in Firefox (vuejs/vue-router#1585)\r\n- Need a way to set what scroll position is saved (vuejs/vue-router#1187)\r\n- Navigating back should retain the scroll position. (vuejs/vue-router#1669)\r\n- Support parent container for scroll behavior (vuejs/vue-router#1249)\r\n- Calcurated scroll position is incorrect in some browser with animation (vuejs/vue-router#1530)\r\n\r\n\r\n### Issues\r\n- Strange behavior in Firefox browser when page transition (#1373)\r\n- What causes a glitch when page transition in Firefox? (#1002)\r\n- Delayed scroll top possible? (#1355)\r\n- ScrollBehavior: Fires too early (#1036)\r\n- Navigating back should retain the scroll position. (#1182)\r\n\r\n### Reproductions\r\n\r\n- https://github.com/krestaino/scroll-position-nuxt (@krestaino, #1182)\r\n- http://jsfiddle.net/qw4hbgek (@posva, vuejs/vue-router#1263)\r\n- http://jsfiddle.net/xctnu8r3/2 (@nickforddesign , vuejs/vue-router#1373)\r\n- https://github.com/vuejs/vue-router/tree/dev/examples/scroll-behavior (@hworld, vuejs/vue-router#1585)\r\n- http://codepen.io/brad426/pen/pezRge (@brad426)\r\n\r\n\r\n### Misc\r\n- https://nuxtjs.org/faq/css-flash\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1219\">#c1219\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2085,2088],{"name":2086,"color":2087},"available soon","6de8b0",{"name":2089,"color":2090},"2.x","d4c5f9",1376,"scrollBehavior Glitches","2023-01-18T15:41:42Z","https://github.com/nuxt/nuxt/issues/1376",0.7727159,{"labels":2097,"number":2104,"owner":1991,"repository":1991,"state":2052,"title":2105,"updated_at":2106,"url":2107,"score":2108},[2098,2100,2103],{"name":2099,"color":1989},"stale",{"name":2101,"color":2102},"pending triage","E99695",{"name":2089,"color":2090},7090,"Shifting elements when navigating between pages","2023-01-22T15:34:48Z","https://github.com/nuxt/nuxt/issues/7090",0.7735779,["Reactive",2110],{},["Set"],["ShallowReactive",2113],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"ro2V1ieltMAAmmp7U9x11NEne2It8WA_H0DUJL_sGrk":-1},"/nuxt/ui/3000"]