fix: auto focus first input

Author: lissavxo

hooks/useAutoFocusFirstInput.tsx

@@ -2,16 +2,19 @@ import { useEffect } from 'react'
 
 function useAutoFocusFirstInput (): void {
   useEffect(() => {
-    const focusFirstInput = (element = document): void => {
+    const focusFirstInput = (element: Document): void => {
       const firstInput = element.querySelector('form input, form textarea, form select')
       firstInput?.focus()
     }
-    setTimeout(() => focusFirstInput(), 0)
 
-    const handleClick = (): void => {
-      setTimeout(() => {
-        focusFirstInput(document)
-      }, 100)
+    const handleClick = (event: MouseEvent): void => {
+      const target = event.target as HTMLElement
+
+      if (target.tagName !== 'INPUT' && target.tagName !== 'TEXTAREA' && target.tagName !== 'SELECT') {
+        setTimeout(() => {
+          focusFirstInput(document)
+        }, 100)
+      }
     }
 
     document.addEventListener('click', handleClick)