fix(button): remove tooltip on click on button in and tooltip icon (#9882)

Alessandra Davila · kodiakhq[bot] · web-flow · commit 4a95fb77ba8a · 2021-10-21T18:17:47.000Z
Co-authored-by: kodiakhq[bot] &lt;49736102+kodiakhq[bot]@users.noreply.github.com&gt;
diff --git a/packages/react/src/components/Button/Button.js b/packages/react/src/components/Button/Button.js
@@ -106,6 +106,7 @@ const Button = React.forwardRef(function Button(
 
   const handleClick = (evt) => {
     // Prevent clicks on the tooltip from triggering the button click event
+    setAllowTooltipVisibility(false);
     if (evt.target === tooltipRef.current) {
       evt.preventDefault();
       return;
diff --git a/packages/react/src/components/TooltipIcon/TooltipIcon.js b/packages/react/src/components/TooltipIcon/TooltipIcon.js
@@ -98,6 +98,7 @@ const TooltipIcon = ({
   };
 
   const handleClick = (evt) => {
+    setAllowTooltipVisibility(false);
     // Prevent clicks on the tooltip from triggering the button click event
     if (evt.target === tooltipRef.current) {
       evt.preventDefault();
