fix: focus on the input when you cancel adding a todo (#3005)

microsoftgraph · Feb 2, 2024 · 14bb9c1 · 14bb9c1
1 parent b254e49
commit 14bb9c1
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/packages/mgt-components/src/components/mgt-todo/mgt-todo.ts b/packages/mgt-components/src/components/mgt-todo/mgt-todo.ts
@@ -555,6 +555,15 @@ export class MgtTodo extends MgtTasksBase {
     this._newTaskName = '';
     this._changedTaskName = '';
     this._isChangedDueDate = false;
+    this.focusOnTaskInput();
+  };
+
+  protected focusOnTaskInput = (): void => {
+    const taskInputWrapper = this.renderRoot.querySelector<HTMLInputElement>('#new-task-name-input');
+    const input = taskInputWrapper?.shadowRoot.querySelector<HTMLInputElement>('input');
+    if (input) {
+      input.focus();
+    }
   };
 
   /**