Merge pull request #85 from storybookjs/fix-tooltip-hover

Add delayHide prop to tooltip for better hover behavior
storybookjs · Oct 7, 2019 · 914971d · 914971d
2 parents 9cb4c78 + 95f0e81
commit 914971d
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/components/tooltip/WithTooltip.js b/src/components/tooltip/WithTooltip.js
@@ -95,6 +95,7 @@ function WithTooltip({
   tooltip,
   children,
   startOpen,
+  delayHide,
   ...props
 }) {
   const id = React.useMemo(() => uuid.v4(), []);
@@ -112,6 +113,7 @@ function WithTooltip({
 
   return (
     <TooltipTrigger
+      delayHide={delayHide}
       placement={placement}
       trigger={trigger}
       tooltipShown={isTooltipShown}
@@ -165,6 +167,7 @@ WithTooltip.propTypes = {
   tooltip: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
   children: PropTypes.node.isRequired,
   startOpen: PropTypes.bool,
+  delayHide: PropTypes.number,
 };
 
 WithTooltip.defaultProps = {
@@ -175,6 +178,7 @@ WithTooltip.defaultProps = {
   modifiers: {},
   hasChrome: true,
   startOpen: false,
+  delayHide: 100,
 };
 
 export default WithTooltip;