\r\n \u003C/div>\r\n \u003Cdiv class=\"col -content\">\r\n \u003Cnuxt-child/>\r\n \u003C/div>\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\nIf the user goes to the index page, we show him menu column only using the index page that looks like:\r\n\r\n```\r\n\u003Ctemplate>\r\n \u003CTwoColumns>\r\n MENU GOES HERE\r\n \u003C/TwoColumns>\r\n\u003C/template>\r\n```\r\n\r\nThen he follows the nested route and the target page placed into the nuxt-child of the wrapper.\r\n\r\n# The first bug:\r\n\r\n1. Follow the /a link. There's an input field with v-model, type anything and it appears just after the input.\r\n2. Follow /a/b link. Type something into the input field. It will work, but after every keypress nuxt show the progress bar at the top of the page like it load something. Although that's just simple inner component value update.\r\n\r\n# The second bug:\r\n\r\n3. Now follow /a/b/c link. Now only the first key press works. After that the data stops updating. It seems the component dies after the first key press. Although /b and /c are just nested nuxt-childs without javascript at all. And only the buggy progress bar at the top keeps working.\r\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1538\">#c1538\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2050,2053],{"name":2051,"color":2052},"documentation","5319e7",{"name":2054,"color":2055},"2.x","d4c5f9",1715,"Mix of slot and nuxt-child breaks everything","2023-01-18T15:42:10Z","https://github.com/nuxt/nuxt/issues/1715",0.74356097,{"labels":2062,"number":2067,"owner":1991,"repository":1991,"state":2019,"title":2068,"updated_at":2069,"url":2070,"score":2071},[2063,2065,2066],{"name":2064,"color":1989},"stale",{"name":2031,"color":2032},{"name":2054,"color":2055},6198,"Key Events blocked / not working reliably","2023-01-22T15:34:44Z","https://github.com/nuxt/nuxt/issues/6198",0.74891007,{"description":2073,"labels":2074,"number":2078,"owner":1991,"repository":1992,"state":2019,"title":2079,"updated_at":2080,"url":2081,"score":2082},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v20.11.1\n- Nuxt Version: 3.15.4\n- CLI Version: 3.22.1\n- Nitro Version: 2.10.4\n- Package Manager: yarn@1.22.19\n- Builder: -\n- User Config: devtools, modules, compatibilityDate\n- Runtime Modules: @nuxt/ui@2.20.0\n- Build Modules: -\n\n### Version\n\nv2.20.0 and later\n\n### Reproduction\n\nI could not get Stackblitz to work when changing Nuxt UI versions due to internal 503 errors. Please forgive me for using codesandbox instead.\n\n**Nuxt UI v2.19.1** - Working as expected. You can edit and tab between inputs.\nhttps://codesandbox.io/p/devbox/nuxt-v2-19-1-lz5zvk\n\n**Nuxt UI v2.20.0** - Cursor position lost when typing. Second column (email) uses `.lazy` which allows typing but loses focus when tabbing after edit.\nhttps://codesandbox.io/p/devbox/nuxt-v2-20-0-x9xylj\n\n\n\n\n\n### Description\n\nRelease v2.20.0 includes PR #2600 which redraws every table column slot on _any_ changes to the table source data. This introduces significant performance impact on large tables and makes it difficult for users to interact with inputs within tables since the redraw will lose cursor position. This also makes it impossible to tab between columns when data changes.\n\nI intend to submit a PR which reverts the changes made in #2600.\n\n### Additional context\n\nI demonstrate in https://github.com/nuxt/ui/issues/2004#issuecomment-2671025567 that the issue reported which prompted PR #2006 was a misunderstanding and was not related to table behavior at all. Therefore, that PR is unnecessary and does not directly address the issue, yet it introduces unintended side effects.\n\n",[2075],{"name":2076,"color":2077},"bug","d73a4a",3367,"PR 2600 redraws entire table introducing performance and usability issues","2025-03-08T12:13:14Z","https://github.com/nuxt/ui/issues/3367",0.7518003,{"description":2084,"labels":2085,"number":2087,"owner":1991,"repository":1991,"state":2019,"title":2088,"updated_at":2089,"url":2090,"score":2091},"\u003C!--\r\nIMPORTANT: Please use the following link to create a new issue:\r\n\r\nhttps://cmty.app/nuxt/issues/new?repo=nuxt.js\r\n\r\nIf your issue was not created using the app above, it will be closed immediately.\r\n-->\r\nnuxt doesn't support right click event\r\n```\r\n \u003Cdiv @click=\"onSelect(item,index)\" class=\"tab\" @click.right.stop.prevent=\"onRightClick($event,item,index)\" >\r\n\r\n```\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c7549\">#c7549\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2086],{"name":2054,"color":2055},3707,"nuxt doesn't support right click event","2023-01-18T16:26:28Z","https://github.com/nuxt/nuxt/issues/3707",0.7576294,{"description":2093,"labels":2094,"number":2098,"owner":1991,"repository":1992,"state":2019,"title":2099,"updated_at":2100,"url":2101,"score":2102},"### For what version of Nuxt UI are you asking this question?\n\nv2.x\n\n### Description\n\ni add the default table but have another styling.\nhow can i fix this? \n\n` \u003CUTable\n v-model:expand=\"expand\"\n class=\"w-full\"\n :loading-state=\"{ icon: 'i-heroicons-arrow-path-20-solid', label: 'Loading...' }\"\n :progress=\"{ color: 'primary', animation: 'carousel' }\"\n :rows=\"people\"\n :columns=\"columns\"\n >`\n\n",[2095],{"name":2096,"color":2097},"question","d876e3",2667,"I have no styling at the default UTable","2024-11-17T11:13:44Z","https://github.com/nuxt/ui/issues/2667",0.7610518,["Reactive",2104],{},["Set"],["ShallowReactive",2107],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"p_99x49iftwIrsN8niai8IM0HpI9fkz91RX7R2e58oM":-1},"/nuxt/ui/2851"]