From c1eb93c5969b9cc35eab981e9cfe601d62924804 Mon Sep 17 00:00:00 2001
From: Sebastian Kippe <sebastian@kip.pe>
Date: Wed, 30 Sep 2020 16:57:10 +0200
Subject: [PATCH] Mark input fields as valid when re-submitting form

---
 app/components/add-expense-item/component.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/components/add-expense-item/component.js b/app/components/add-expense-item/component.js
index fd7430c..8d478ea 100644
--- a/app/components/add-expense-item/component.js
+++ b/app/components/add-expense-item/component.js
@@ -39,6 +39,8 @@ export default class AddExpenseItemComponent extends Component {
 
   validateForm () {
     const formEl = document.querySelector('form#add-expense-item');
+    const inputFields = formEl.querySelectorAll('input');
+    inputFields.forEach(i => i.classList.remove('invalid'));
     let validity = true;
 
     if (!this.isValidAmount) {
@@ -47,7 +49,7 @@ export default class AddExpenseItemComponent extends Component {
     }
 
     if (!formEl.checkValidity()) {
-      document.querySelectorAll('form#add-expense-item input').forEach(i => {
+      inputFields.forEach(i => {
         if (!i.validity.valid) {
           i.classList.add('invalid');
           validity = false;