Merge pull request #1790 from Nitvex/#1789-add-autofocus-for-textarea…

…-in-open added autofocus attribute for texarea
epam · Oct 28, 2022 · f80ddbf · f80ddbf
2 parents cce0afe + 6a89648
commit f80ddbf
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/packages/ketcher-react/src/script/ui/views/modal/components/document/Open/Open.tsx b/packages/ketcher-react/src/script/ui/views/modal/components/document/Open/Open.tsx
@@ -158,6 +158,7 @@ const Open: FC<Props> = (props) => {
         isRecognizeDisabled={isRecognizeDisabled}
         structStr={structStr}
         inputHandler={setStructStr}
+        autoFocus
       />
     </Dialog>
   )

diff --git a/...etcher-react/src/script/ui/views/modal/components/document/Open/components/TextEditor.tsx b/...etcher-react/src/script/ui/views/modal/components/document/Open/components/TextEditor.tsx
@@ -19,15 +19,21 @@ import classes from '../Open.module.less'
 export type TextEditorProps = {
   structStr: string
   inputHandler: (str: string) => void
+  autoFocus?: boolean
 }
 
-export const TextEditor = ({ structStr, inputHandler }: TextEditorProps) => {
+export const TextEditor = ({
+  structStr,
+  inputHandler,
+  autoFocus = false
+}: TextEditorProps) => {
   return (
     <>
       <textarea
         className={classes.textareaEditor}
         value={structStr}
         onChange={(event) => inputHandler(event.target.value)}
+        autoFocus={autoFocus}
       />
     </>
   )