From 19f527d620283631a47ebb229db39f2e848f8c84 Mon Sep 17 00:00:00 2001
From: Peter Clement <peter@budibase.com>
Date: Tue, 21 Nov 2023 13:46:34 +0000
Subject: [PATCH] fix disabled state interfering with column name input

---
 .../DataTable/modals/CreateEditColumn.svelte  | 20 ++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/packages/builder/src/components/backend/DataTable/modals/CreateEditColumn.svelte b/packages/builder/src/components/backend/DataTable/modals/CreateEditColumn.svelte
index 4eb1f962f0..309584e4c3 100644
--- a/packages/builder/src/components/backend/DataTable/modals/CreateEditColumn.svelte
+++ b/packages/builder/src/components/backend/DataTable/modals/CreateEditColumn.svelte
@@ -149,7 +149,7 @@
   }
   const initialiseField = (field, savingColumn) => {
     isCreating = !field
-
+    console.log("triggered")
     if (field && !savingColumn) {
       editableColumn = cloneDeep(field)
       originalName = editableColumn.name ? editableColumn.name + "" : null
@@ -171,7 +171,8 @@
           relationshipPart2 = part2
         }
       }
-    } else if (!savingColumn) {
+    }
+    if (!field && !savingColumn) {
       let highestNumber = 0
       Object.keys(table.schema).forEach(columnName => {
         const columnNumber = extractColumnNumber(columnName)
@@ -182,9 +183,9 @@
       })
 
       if (highestNumber >= 1) {
-        editableColumn.name = `Column 0${highestNumber + 1}`
+        //editableColumn.name = `Column 0${highestNumber + 1}`
       } else {
-        editableColumn.name = "Column 01"
+        //editableColumn.name = "Column 01"
       }
     }
 
@@ -535,13 +536,22 @@
   onMount(() => {
     mounted = true
   })
+  $: console.log(editableColumn)
 </script>
 
 <Layout noPadding gap="S">
   {#if mounted}
     <Input
+      value={editableColumn.name}
       autofocus
-      bind:value={editableColumn.name}
+      on:input={e => {
+        if (
+          !uneditable &&
+          !(linkEditDisabled && editableColumn.type === LINK_TYPE)
+        ) {
+          editableColumn.name = e.target.value
+        }
+      }}
       disabled={uneditable ||
         (linkEditDisabled && editableColumn.type === LINK_TYPE)}
       error={errors?.name}