\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>",[2943,2946],{"name":2944,"color":2945},"documentation","5319e7",{"name":2914,"color":2915},1715,"Mix of slot and nuxt-child breaks everything","2023-01-18T15:42:10Z","https://github.com/nuxt/nuxt/issues/1715",0.71558553,{"labels":2953,"number":2958,"owner":2877,"repository":2877,"state":2917,"title":2959,"updated_at":2960,"url":2961,"score":2962},[2954,2956,2957],{"name":2955,"color":2875},"stale",{"name":2888,"color":2889},{"name":2914,"color":2915},9908,"nuxtjs.org/modules page content disappear when I scroll down and go that content again from bottom to top","2023-01-22T15:45:05Z","https://github.com/nuxt/nuxt/issues/9908",0.7202986,{"description":2964,"labels":2965,"number":2974,"owner":2877,"repository":2878,"state":2917,"title":2975,"updated_at":2976,"url":2977,"score":2978},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.14.0\n- Nuxt Version: 3.17.0\n- CLI Version: 3.25.0\n- Nitro Version: 2.11.11\n- Package Manager: pnpm@10.9.0\n- Builder: -\n- User Config: modules, colorMode, image, content, plausible, devtools, hub, css, mdc, nitro, runtimeConfig, routeRules, future, compatibilityDate, eslint\n- Runtime Modules: @nuxt/eslint@1.3.0, @nuxt/image@1.10.0, @nuxt/ui-pro@3.1.0, @nuxt/content@3.5.1, @nuxthub/core@0.8.25, @nuxtjs/plausible@1.2.0, @vueuse/nuxt@13.1.0, nuxt-og-image@5.1.3\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.0\n\n### Reproduction\n\n1. Open [saas-template.nuxt.dev](https://saas-template.nuxt.dev/) in Safari on macOS 18.4.\n2. Scroll to the Testimonials section.\n3. Observe that after a line break in the grid, the first card in each new row is not rendered.\n4. Open Safari’s developer tools and disable the first CSS rule:\n```\n:is(.*:will-change-transform>*) {\n will-change: transform;\n}\n```\n5. Observe that the missing cards now appear, but borders render incorrectly.\n\n\n### Description\n\nOn Safari for macOS (Version 18.4 – 20621.1.15.11.10), using @nuxt/ui components in a responsive grid layout causes elements to disappear after a line break. Specifically, the first item in each new row is not rendered when will-change: transform is applied.\n\n**🔍 Context**\nThe issue is reproducible on your official SaaS template: [saas-template.nuxt.dev](https://saas-template.nuxt.dev/), in the testimonial section. This section uses only @nuxt/ui components – no @nuxt/ui-pro components are involved. The relevant code lives in [/app/pages/index.vue](https://github.com/nuxt-ui-pro/saas/blob/main/app/pages/index.vue), lines 58–80.\n\n**📍 Suspected Source**\nIn Safari, the following rule seems to break the layout:\n\n```\n:is(.*:will-change-transform>*) {\n will-change: transform;\n}\n```\nDisabling this rule in Safari's dev tools makes the hidden items visible again. However, doing so causes border-top rendering to break.\n\n\n**📸 Screenshots**\nIssue (first items not rendered):\n\n\nAfter disabling will-change (cards reappear):\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2966,2967,2970,2971],{"name":2868,"color":2869},{"name":2968,"color":2969},"duplicate","cfd3d7",{"name":2871,"color":2872},{"name":2972,"color":2973},"pro","5BD3CB",4026,"Safari Bug: Grid layout issues with `will-change: transform`","2025-04-30T13:51:05Z","https://github.com/nuxt/ui/issues/4026",0.7206958,{"description":2980,"labels":2981,"number":2983,"owner":2877,"repository":2877,"state":2917,"title":2984,"updated_at":2985,"url":2986,"score":2987},"So a bit of an odd-ball one here, and not sure the title is perfectly correct. I've set up a bare-bones sample repo that is showing this issue as well as put it up on Netlify.\r\n\r\nElement-UI is a UI toolkit for Vue 2, and I'm seeing some very odd behaviour when using within a Nuxtjs project. I think it's Nuxtjs specific issue (used components within other apps fine) but if you think otherwise I'll also open a ticket over in their repo too!\r\n\r\nThe GIF show's it best, but as you can see when I open the date picker, the `head` goes through a number of weird changes (`title` changes, `meta` tags disappear) and never resets itself. Are they doing something weird or is Nuxtjs not handling the DOM changes they do?\r\n\r\n[GIF recording](https://cl.ly/kJau)\r\n[Sample repo](https://github.com/mikhailbot/elementui-test)\r\n[Sample website](https://janitor-rose-25820.netlify.com)\r\n\r\nNuxtjs: 0.10.6 (latest from `vue init nuxt/starter`)\r\nNode: 6.10.2/7.10.0\r\nElementUI: 1.2.9\r\nBrowser/OS: MacOS 10.11+ on Chrome 56+ and Safari 10, Windows 10 on Chrome 56+, Mobile Safari on iOS 10.3\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/c573\">#c573\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2982],{"name":2914,"color":2915},664,"ElementUI Vue Components Rendering Issues","2023-01-18T15:39:39Z","https://github.com/nuxt/nuxt/issues/664",0.7224934,["Reactive",2989],{},["Set"],["ShallowReactive",2992],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fMf98FvBE-iVK-Qv-wwodMPQlxhtaQRLt-yYZG7G6IxA":-1},"/nuxt/nuxt.com/1881"]