优化tooltip组件提示框的弹出优化显示,解决鼠标从目标元素移动到提示框的过程中提示框消失

This commit is contained in:
2025-06-01 23:53:07 +08:00
parent 1f21c4c2d5
commit 820baa5b22
3 changed files with 162 additions and 48 deletions
@@ -320,6 +320,7 @@ const ReactTableTooltip = ({ content }: { content: string }) => {
trigger="hover"
showArrow={true}
className="tooltip-custom-offset"
// fixedPlacement={true}
>
<div className="text-gray-800 break-all overflow-hidden line-clamp-2" ref={textRef}>
{content}
@@ -619,6 +620,7 @@ export function ReviewPointsList({
trigger="hover"
showArrow={true}
className="tooltip-custom-offset tooltip-top"
fixedPlacement={true}
>
<span className="status-badge status-success text-xs m-1">
<i className="ri-checkbox-circle-line mr-1"></i>
@@ -642,6 +644,7 @@ export function ReviewPointsList({
trigger="hover"
showArrow={true}
className="tooltip-custom-offset tooltip-top"
fixedPlacement={true}
>
<span className="status-badge status-warning text-xs m-1">
<i className="ri-alert-line mr-1"></i>
@@ -661,6 +664,7 @@ export function ReviewPointsList({
trigger="hover"
showArrow={true}
className="tooltip-custom-offset tooltip-top"
fixedPlacement={true}
>
<span className="status-badge status-error text-xs m-1">
<i className="ri-close-circle-line mr-1"></i>