Prevent unexpected column resizer input blur when focused via dropdown menu (#4876)

* Fix resize input focus issue when triggering resize from dropdown menu in Android Chome

due to #1513, Android Chrome would cause a premature focus shift from the resizer input to the body/whatever element was underneath the "resize column" menu option, causing resizing to end early and canceling the 2nd delayed focusInput call. We delay the first focusInput call now so that it happens after the browser delayed click on touch end

* clear timeout if it column somehow unmounts before it

also reconfirmed that we still need the 400ms timeout for VO iOS

Author: LFDanLu

packages/@react-aria/table/src/useTableColumnResize.ts

@@ -199,10 +199,14 @@ export function useTableColumnResize<T>(props: AriaTableColumnResizeProps<T>, st
     if (prevResizingColumn.current !== resizingColumn && resizingColumn != null && resizingColumn === item.key) {
       wasFocusedOnResizeStart.current = document.activeElement === ref.current;
       startResize(item);
-      focusInput();
+      // Delay focusing input until Android Chrome's delayed click after touchend happens: https://bugs.chromium.org/p/chromium/issues/detail?id=1150073
+      let timeout = setTimeout(() => focusInput(), 0);
       // VoiceOver on iOS has problems focusing the input from a menu.
-      let timeout = setTimeout(focusInput, 400);
-      return () => clearTimeout(timeout);
+      let VOTimeout = setTimeout(focusInput, 400);
+      return () => {
+        clearTimeout(timeout);
+        clearTimeout(VOTimeout);
+      };
     }
     prevResizingColumn.current = resizingColumn;
   }, [resizingColumn, item, focusInput, ref, startResize]);