enhance(folder): QoL autofocus on folder title when dialog opens

Coursemology · Jan 2, 2025 · 7f9a167 · 7f9a167
1 parent 5edcbb9
commit 7f9a167
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/client/app/bundles/course/material/folders/components/forms/FolderForm.tsx b/client/app/bundles/course/material/folders/components/forms/FolderForm.tsx
@@ -90,6 +90,7 @@ const FolderForm: FC<Props> = (props) => {
             name="name"
             render={({ field, fieldState }): JSX.Element => (
               <FormTextField
+                autoFocus
                 disabled={formState.isSubmitting}
                 field={field}
                 fieldState={fieldState}

diff --git a/client/app/lib/components/form/dialog/FormDialog.tsx b/client/app/lib/components/form/dialog/FormDialog.tsx
@@ -76,6 +76,7 @@ const FormDialog = (props: Props): JSX.Element => {
       <Dialog
         className="top-10"
         disableEnforceFocus
+        disableRestoreFocus
         maxWidth="md"
         onClose={(_event: object, reason: string): void => {
           if (reason === 'backdropClick' && formState.isSubmitting) return;