fix(dashboard): Titles tooltip flickering (#34706)

This commit is contained in:
Rafael Benitez
2025-08-18 11:04:03 -04:00
committed by GitHub
parent 28788fd1fa
commit a3cbc9755f

View File

@@ -237,20 +237,23 @@ const SliceHeader = forwardRef<HTMLDivElement, SliceHeaderProps>(
<ChartHeaderStyles data-test="slice-header" ref={ref}>
<div className="header-title" ref={headerRef}>
<Tooltip title={headerTooltip}>
<EditableTitle
title={
sliceName ||
(editMode
? '---' // this makes an empty title clickable
: '')
}
canEdit={editMode}
onSaveTitle={updateSliceName}
showTooltip={false}
renderLink={
canExplore && exploreUrl ? renderExploreLink : undefined
}
/>
{/* this div ensures the hover event triggers correctly and prevents flickering */}
<div>
<EditableTitle
title={
sliceName ||
(editMode
? '---' // this makes an empty title clickable
: '')
}
canEdit={editMode}
onSaveTitle={updateSliceName}
showTooltip={false}
renderLink={
canExplore && exploreUrl ? renderExploreLink : undefined
}
/>
</div>
</Tooltip>
{!!Object.values(annotationQuery).length && (
<Tooltip