[async-storage]: Fix inline editing cursor jump (#36)

expo · Apr 25, 2024 · d3e8fcd · d3e8fcd
1 parent 8fb692f
commit d3e8fcd
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/packages/async-storage/webui/src/AsyncStorageTable.tsx b/packages/async-storage/webui/src/AsyncStorageTable.tsx
@@ -25,6 +25,7 @@ export function AsyncStorageTable() {
   const { showAddEntryDialog, AddEntryDialog, showing } = useAddEntryDialog({ set });
 
   const [initialUpdate, setInitialUpdate] = useState(false);
+  const [editingManually, setEditingManually] = useState(false);
   useEffect(() => {
     if (!initialUpdate && ready) {
       update()
@@ -93,10 +94,16 @@ export function AsyncStorageTable() {
                 onInput(e) {
                   updateInProgressEdits({ [record.key]: e.currentTarget.textContent });
                 },
+                onBlur() {
+                  setEditingManually(false)
+                },
+                onFocus() {
+                  setEditingManually(true)
+                }
               };
             },
             shouldCellUpdate(record, prevRecord) {
-              return record.editedValue !== prevRecord.editedValue;
+              return !editingManually && record.editedValue !== prevRecord.editedValue;
             },
           },
           {