When adding a recipe step or an ingredient the browser should focus on

the first text input of that new element.

This supports using Ceres without a mouse and only with tab-based
navigation with a keyboard.

1 files changed, 2 insertions, 0 deletions

diff --git a/view/static/ceres.js b/view/static/ceres.js
index 2405a59..91417a7 100644
--- a/view/static/ceres.js
+++ b/view/static/ceres.js
@@ -103,6 +103,7 @@ function addNewStep() {
 
 	let step = template.content.cloneNode(true);
 	steps.appendChild(step);
+	steps.lastElementChild.firstElementChild.focus();
 }
 
 function addNewIngredient(button) {
@@ -112,4 +113,5 @@ function addNewIngredient(button) {
 
 	let ingredient = template.content.cloneNode(true);
 	ingredients.appendChild(ingredient);
+	ingredients.lastElementChild.firstElementChild.focus();
 }