fix: Auto-focus name input on collection create/edit

2024-04-17 19:36:11 -04:00
parent e33ca19e64
commit 9d3ff7f35f
1 changed files with 5 additions and 0 deletions
--- a/app/components/Collection/CollectionForm.tsx
+++ b/app/components/Collection/CollectionForm.tsx
@@ -71,6 +71,10 @@ export const CollectionForm = observer(function CollectionForm_({
    }
  }, [values.name, collection]);

+  React.useEffect(() => {
+    setTimeout(() => setFocus("name", { shouldSelect: true }), 100);
+  }, [setFocus]);
+
  const handleIconPickerChange = React.useCallback(
    (color: string, icon: string) => {
      if (icon !== values.icon) {
@@ -108,6 +112,7 @@ export const CollectionForm = observer(function CollectionForm_({
              icon={values.icon}
            />
          }
+          autoComplete="off"
          autoFocus
          flex
        />