Function onBlur

packages/react-aria/src/utils/useViewportSize.ts:53–70

(e: FocusEvent)

    // We can anticipate this and resize early by handling the blur event and using the layout size.
    let frame: number;
    let onBlur = (e: FocusEvent) => {
      if (visualViewport && visualViewport.scale > 1) {
        return;
      }

      if (willOpenKeyboard(getEventTarget(e) as Element)) {
        // Wait one frame to see if a new element gets focused.
        frame = requestAnimationFrame(() => {
          let activeElement = getActiveElement();
          if (!activeElement || !willOpenKeyboard(activeElement)) {
            updateSize({
              width: document.documentElement.clientWidth,
              height: document.documentElement.clientHeight
            });
          }
        });
      }
    };

    updateSize(getViewportSize());