From 33929092415190c935473eb41f43cee88dcc32c6 Mon Sep 17 00:00:00 2001
From: Moritz Heidkamp <moritz.heidkamp@bevuta.com>
Date: Tue, 2 Jul 2019 18:53:50 +0200
Subject: [PATCH] Trigger change events after setting values

JavaScript enhanced forms tend to handle change events of input
fields, e.g. for validation purposes. Programmatically setting the
value of an input field doesn't trigger those events, though,
preventing such forms from being considered valid. Therefore
formFiller now dispatches a change event after every value change.
---
 formlet@preneta.pl/formlet.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/formlet@preneta.pl/formlet.js b/formlet@preneta.pl/formlet.js
index 519654d..6b22e8b 100644
--- a/formlet@preneta.pl/formlet.js
+++ b/formlet@preneta.pl/formlet.js
@@ -16,6 +16,10 @@
  * @param {Object} data Form data
  */
 const formFiller = function(data) {
+    var triggerChange = function(element) {
+        element.dispatchEvent(new Event('change'));
+    };
+
     /**
      * Placeholder for internal methods
      * @type {Object}
@@ -39,6 +43,7 @@ const formFiller = function(data) {
          */
         setValue: function(element, value) {
             element.value = value;
+            triggerChange(element);
         },
         /**
          * Set value for checkbox and radio inputs
@@ -47,6 +52,7 @@ const formFiller = function(data) {
          */
         setChecked: function(element, value) {
             element.checked = !!value;
+            triggerChange(element);
         },
         /**
          * Set value for selects
@@ -58,6 +64,7 @@ const formFiller = function(data) {
             for (var i = 0; i < options.length; i++) {
                 options[i].selected = values.indexOf(options[i].value) >= 0;
             }
+            triggerChange(element);
         }
     };
     /* decode data */