Small fixes

components/pages/brain_dump/MoveBrainDump.tsx

@@ -1,11 +1,11 @@
-import React, { useEffect, useState } from "react";
+import React, {useEffect, useRef, useState} from "react";
 import {
   Button,
   Dialog,
   View,
   Text,
   TextField,
-  TouchableOpacity,
+  TouchableOpacity, TextFieldRef,
 } from "react-native-ui-lib";
 import { Dimensions, StyleSheet } from "react-native";
 import { PanningDirectionsEnum } from "react-native-ui-lib/src/incubator/panView";
@@ -30,6 +30,7 @@ const MoveBrainDump = (props: {
     props.item.description
   );
   const [modalVisible, setModalVisible] = useState<boolean>(false);
+  const descriptionRef = useRef<TextFieldRef>(null)
 
   const { width } = Dimensions.get("screen");
 
@@ -37,6 +38,14 @@ const MoveBrainDump = (props: {
     updateBrainDumpItem(props.item.id, { description: description });
   }, [description]);
 
+  useEffect(() => {
+    if (props.isVisible) {
+      setTimeout(() => {
+        descriptionRef?.current?.focus()
+      }, 500)
+    }
+  }, [props.isVisible]);
+
   const showConfirmationDialog = () => {
     setModalVisible(true);
   };
@@ -112,7 +121,6 @@ const MoveBrainDump = (props: {
         <TextField
           textAlignVertical="top"
           multiline
-          autoFocus
           fieldStyle={{
             width: "94%",
           }}
@@ -123,6 +131,7 @@ const MoveBrainDump = (props: {
           onChangeText={(value) => {
             setDescription(value);
           }}
+          ref={descriptionRef}
           returnKeyType="default"
         />
       </View>