diff --git a/src/TaskEditor.tsx b/src/TaskEditor.tsx
index 74c3b3e..12e364c 100644
--- a/src/TaskEditor.tsx
+++ b/src/TaskEditor.tsx
@@ -57,13 +57,17 @@ const TaskEditor = ({ task, tasks, columnName, columnNames, dateFormat, panelUui
 
   // Called when the name field is changed
   const handleUpdateName = ({ target: { value } }, values) => {
+    const id = paramCase(value);
 
     // Update the id preview
     setTaskData({
       ...taskData,
-      id: paramCase(value)
+      id
     });
 
+    // Update values
+    values.id = id;
+
     // Update the webview panel title
     vscode.postMessage({
       command: 'kanbn.updatePanelTitle',