Merge pull request #17875 from apache/fix/tooltip-arrow

fix(tooltip): fix tooltip arrow may cover the content when border is wide
apache · Nov 7, 2022 · 84a9de8 · 84a9de8
2 parents 273f3ed + 3b20b82
commit 84a9de8
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 1 deletion.
diff --git a/src/component/tooltip/TooltipHTMLContent.ts b/src/component/tooltip/TooltipHTMLContent.ts
@@ -93,7 +93,7 @@ function assembleArrow(
 
     const borderStyle = `${borderColor} solid ${borderWidth}px;`;
     const styleCss = [
-        `position:absolute;width:${arrowSize}px;height:${arrowSize}px;`,
+        `position:absolute;width:${arrowSize}px;height:${arrowSize}px;z-index:-1;`,
         `${positionStyle};${transformStyle};`,
         `border-bottom:${borderStyle}`,
         `border-right:${borderStyle}`,

diff --git a/test/runTest/actions/__meta__.json b/test/runTest/actions/__meta__.json
diff --git a/test/runTest/actions/tooltip-domnode.json b/test/runTest/actions/tooltip-domnode.json
diff --git a/test/tooltip-domnode.html b/test/tooltip-domnode.html