@shopify/polaris/src/utilities/is-input-focused.ts

Shopify’s admin product component library

enum EditableTarget {
  Input = 'INPUT',
  Textarea = 'TEXTAREA',
  Select = 'SELECT',
  ContentEditable = 'contenteditable',
}

export function isInputFocused() {
  if (document == null || document.activeElement == null) {
    return false;
  }

  const {tagName} = document.activeElement;
  return (
    tagName === EditableTarget.Input ||
    tagName === EditableTarget.Textarea ||
    tagName === EditableTarget.Select ||
    document.activeElement.hasAttribute(EditableTarget.ContentEditable)
  );
}