From cf08f600772b17d692081c6302c254e4d68151fe Mon Sep 17 00:00:00 2001 From: Ryo Matsukawa <76232929+ryo-manba@users.noreply.github.com> Date: Mon, 10 Jul 2023 20:21:36 +0900 Subject: [PATCH] fix(create-next-app): click event blockage under 1024px by adjusting z-index (#52074) ### What? Fixed a bug that the title of the topmost Docs was unclickable when less than 1024px. ### Why? This appears to be due to the fact that these clickable elements are overlapped by the logo image wrapper in Next.js, preventing the propagation of click events for these elements. ### How? To mitigate this problem, this PR assigns a z-index of -1 to the Next.js logo image wrapper. This change ensures the wrapper is placed beneath the clickable elements, thereby preventing it from blocking click events on smaller screens. #### Before https://github.com/vercel/next.js/assets/76232929/7b84737d-8a43-4c92-870e-86d08e4eaf74 #### After https://github.com/vercel/next.js/assets/76232929/648b2e9b-33b5-4905-b10f-03904c1f7529 --- packages/create-next-app/templates/app-tw/js/app/page.js | 2 +- packages/create-next-app/templates/app-tw/ts/app/page.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/create-next-app/templates/app-tw/js/app/page.js b/packages/create-next-app/templates/app-tw/js/app/page.js index 533ec19e11..c5a4932f8d 100644 --- a/packages/create-next-app/templates/app-tw/js/app/page.js +++ b/packages/create-next-app/templates/app-tw/js/app/page.js @@ -28,7 +28,7 @@ export default function Home() { -
+
-
+