diff --git a/src/components/Tooltip/Tooltip.tsx b/src/components/Tooltip/Tooltip.tsx index dd387bbb..8d49e81f 100644 --- a/src/components/Tooltip/Tooltip.tsx +++ b/src/components/Tooltip/Tooltip.tsx @@ -104,6 +104,7 @@ const Tooltip = ({ : { mouseenter: true, focus: true, + mouseover: true, click: false, dblclick: false, mousedown: false, @@ -112,6 +113,7 @@ const Tooltip = ({ Object.assign(actualOpenEvents, { mouseenter: false, focus: false, + mouseover: false, click: true, }) } @@ -120,6 +122,7 @@ const Tooltip = ({ : { mouseleave: true, blur: true, + mouseout: true, click: false, dblclick: false, mouseup: false, @@ -128,6 +131,7 @@ const Tooltip = ({ Object.assign(actualCloseEvents, { mouseleave: false, blur: false, + mouseout: false, }) } const actualGlobalCloseEvents: GlobalCloseEvents = globalCloseEvents @@ -540,7 +544,7 @@ const Tooltip = ({ handleHideTooltip() } - const regularEvents = ['mouseenter', 'mouseleave', 'focus', 'blur'] + const regularEvents = ['mouseenter', 'mouseleave', 'mouseover', 'mouseout', 'focus', 'blur'] const clickEvents = ['click', 'dblclick', 'mousedown', 'mouseup'] Object.entries(actualOpenEvents).forEach(([event, enabled]) => { diff --git a/src/components/Tooltip/TooltipTypes.d.ts b/src/components/Tooltip/TooltipTypes.d.ts index cf8802f1..6289d799 100644 --- a/src/components/Tooltip/TooltipTypes.d.ts +++ b/src/components/Tooltip/TooltipTypes.d.ts @@ -88,6 +88,7 @@ export interface TooltipRefProps { export type AnchorOpenEvents = { mouseenter?: boolean focus?: boolean + mouseover?: boolean click?: boolean dblclick?: boolean mousedown?: boolean @@ -95,6 +96,7 @@ export type AnchorOpenEvents = { export type AnchorCloseEvents = { mouseleave?: boolean blur?: boolean + mouseout?: boolean click?: boolean dblclick?: boolean mouseup?: boolean