Merge pull request #1282 from ReactTooltip/fix/issue-1281-global-events

fix: global events broke on ios

Author: danielbarion

src/components/Tooltip/use-tooltip-events.tsx

@@ -357,6 +357,11 @@ const useTooltipEvents = ({
         debouncedHandleShowTooltip(resolveAnchorElementRef.current(event.target))
       })
     }
+    if (actualOpenEvents.mouseenter || actualOpenEvents.mouseover || actualOpenEvents.focus) {
+      addDelegatedListener('touchstart', (event) => {
+        debouncedHandleShowTooltip(resolveAnchorElementRef.current(event.target))
+      })
+    }
     if (actualCloseEvents.blur) {
       addDelegatedListener('focusout', (event) => {
         const targetAnchor = resolveAnchorElementRef.current(event.target)
@@ -470,6 +475,7 @@ const useTooltipEvents = ({
   useEffect(() => {
     const handleScrollResize = () => {
       handleShowRef.current(false)
+      clearTimeoutRef(tooltipShowDelayTimerRef)
     }
 
     const tooltipScrollParent = tooltipScrollParentRef.current

src/test/tooltip-anchor-selection.spec.js

@@ -63,6 +63,32 @@ describe('tooltip anchor selection', () => {
     await waitForTooltipToClose('scroll-resize-test')
   })
 
+  test('reopens on touch after closing from scroll', async () => {
+    render(
+      <>
+        <span data-tooltip-id="touch-scroll-test">Tap Me</span>
+        <TooltipController
+          id="touch-scroll-test"
+          content="Touch Scroll Test"
+          globalCloseEvents={{ scroll: true }}
+        />
+      </>,
+    )
+
+    const anchor = screen.getByText('Tap Me')
+
+    fireEvent.touchStart(anchor)
+    await waitForTooltip('touch-scroll-test')
+
+    fireEvent.scroll(window)
+    await waitForTooltipToStopShowing('touch-scroll-test')
+
+    fireEvent.touchStart(anchor)
+    await waitFor(() => {
+      expect(document.getElementById('touch-scroll-test')).not.toHaveClass('react-tooltip__closing')
+    })
+  })
+
   test('unmounts cleanly after opening and closing', async () => {
     const { unmount } = render(
       <>