fix: hover is applied after closing a modal with touch in safari iOS 26 (adobe#9715)

* fix: hover is applied after closing a modal with touch in safari iOS 26

* fix tests

Author: snowystinger

packages/@react-aria/interactions/src/useHover.ts

@@ -45,7 +45,7 @@ function setGlobalIgnoreEmulatedMouseEvents() {
   // the distant future because a user previously touched the element.
   setTimeout(() => {
     globalIgnoreEmulatedMouseEvents = false;
-  }, 50);
+  }, 500);
 }
 
 function handleGlobalPointerEvent(e: PointerEvent) {

packages/@react-aria/interactions/test/useHover.test.js

@@ -191,7 +191,7 @@ describe('useHover', function () {
       fireEvent(el, pointerEvent('pointerout', {pointerType: 'touch'}));
       fireEvent(el, pointerEvent('pointerup', {pointerType: 'touch'}));
 
-      act(() => {jest.advanceTimersByTime(100);});
+      act(() => {jest.advanceTimersByTime(600);});
 
       // Safari on iOS has a bug that fires a pointer event with pointerType="mouse" on focus.
       // See https://bugs.webkit.org/show_bug.cgi?id=214609.
@@ -321,7 +321,7 @@ describe('useHover', function () {
       let el = res.getByTestId('test');
       fireEvent(el, pointerEvent('pointerover', {pointerType: 'mouse'}));
       expect(el).toHaveAttribute('data-hovered', 'true');
-      
+
       let button = res.getByRole('button');
       act(() => button.click());
       expect(button).not.toBeInTheDocument();
@@ -444,7 +444,7 @@ describe('useHover', function () {
       fireEvent.mouseLeave(el);
       fireEvent.touchEnd(el);
 
-      act(() => {jest.advanceTimersByTime(100);});
+      act(() => {jest.advanceTimersByTime(600);});
 
       // Safari on iOS has a bug that fires a mouse event on focus.
       // See https://bugs.webkit.org/show_bug.cgi?id=214609.