fix: warn without save (#680)

Author: lukasvinclav

src/unfold/static/unfold/js/app.js

@@ -17,14 +17,27 @@ window.addEventListener("load", (e) => {
  *************************************************************/
 const warnWithoutSaving = () => {
   let formChanged = false;
+  const form = document.querySelector("form.warn-unsaved-form");
 
-  Array.from(
-    document.querySelectorAll(
-      "form.warn-unsaved-form input, form.warn-unsaved-form select"
-    )
-  ).forEach((field) => {
-    field.addEventListener("change", (e) => (formChanged = true));
-  });
+  const checkFormChanged = () => {
+    const elements = document.querySelectorAll(
+      "form.warn-unsaved-form input, form.warn-unsaved-form select, form.warn-unsaved-form textarea"
+    );
+
+    Array.from(elements).forEach((field) => {
+      field.addEventListener("input", (e) => (formChanged = true));
+    });
+  };
+
+  if (!form) {
+    return;
+  }
+
+  new MutationObserver((mutationsList, observer) => {
+    checkFormChanged();
+  }).observe(form, { attributes: true, childList: true, subtree: true });
+
+  checkFormChanged();
 
   window.addEventListener("beforeunload", (e) => {
     if (formChanged) {