From 86d4e57cf066de0787401b285d0b76c782f25606 Mon Sep 17 00:00:00 2001 From: DrSmoothl <1787882683@qq.com> Date: Sat, 2 May 2026 14:24:43 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0Joyride=20z-index?= =?UTF-8?q?=E9=85=8D=E7=BD=AE=EF=BC=8C=E7=A1=AE=E4=BF=9Dtooltip=E6=8C=89?= =?UTF-8?q?=E9=92=AE=E5=8F=AF=E7=82=B9=E5=87=BB?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- dashboard/src/components/tour/tour-renderer.tsx | 11 +++-------- 1 file changed, 3 insertions(+), 8 deletions(-) diff --git a/dashboard/src/components/tour/tour-renderer.tsx b/dashboard/src/components/tour/tour-renderer.tsx index 8ec07103..781201b9 100644 --- a/dashboard/src/components/tour/tour-renderer.tsx +++ b/dashboard/src/components/tour/tour-renderer.tsx @@ -6,7 +6,9 @@ import { useTour } from './use-tour' // Joyride 主题配置 const joyrideStyles = { options: { - zIndex: 10000, + // 提到 portal 容器(99999)之上,确保 overlay/spotlight/tooltip 都在最上层; + // overlay 的 z-index 由 react-joyride 内部基于 options.zIndex 推算,必须大于 floater 才能让 tooltip 按钮可点击。 + zIndex: 100000, primaryColor: 'hsl(var(--color-primary))', textColor: 'hsl(var(--color-foreground))', backgroundColor: 'hsl(var(--color-background))', @@ -197,13 +199,6 @@ export function TourRenderer() { locale={locale} scrollOffset={80} scrollToFirstStep - floaterProps={{ - styles: { - floater: { - zIndex: 99999, - }, - }, - }} /> )