Skip to content

Commit 44aa3c1

Browse files
committed
prevent infinite event triggers
1 parent 62ed3bb commit 44aa3c1

1 file changed

Lines changed: 7 additions & 2 deletions

File tree

src/components/Tooltip/Tooltip.tsx

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -135,8 +135,13 @@ export const Tooltip = ({
135135
break;
136136
case "afterhover":
137137
// re-check if the cursor is still over the element after swapping the placeholder before triggering the event to bubble up
138-
(target as HTMLElement).addEventListener("mouseover", () =>
139-
(target as HTMLElement).dispatchEvent(new MouseEvent("mouseover", { bubbles: true }))
138+
(target as HTMLElement).addEventListener(
139+
"mouseover",
140+
() => (target as HTMLElement).dispatchEvent(new MouseEvent("mouseover", { bubbles: true })),
141+
{
142+
capture: true,
143+
once: true,
144+
}
140145
);
141146
break;
142147
}

0 commit comments

Comments
 (0)