bubble modified changes to the parents of nested forms

src/Webform.js

@@ -1397,7 +1397,14 @@ export default class Webform extends NestedDataComponent {
   onChange(flags, changed, modified, changes) {
     flags = flags || {};
     let isChangeEventEmitted = false;
-    super.onChange(flags, true);
+    // If this Webform is a nested form, continue to bubble change
+    // to the root
+    if (this.parent?.subForm === this) {
+      super.onChange({...flags, modified}, false);
+    }
+    else {
+      super.onChange(flags, true);
+    }
     const value = _.clone(this.submission);
     flags.changed = value.changed = changed;
     flags.changes = changes;

src/components/form/Form.unit.js

@@ -371,7 +371,7 @@ describe('SaveDraft functionality for Nested Form', () => {
     done();
   });
 
-  it('Should save draft for Nested Form', function(done) {
+  it('Should save draft for Nested Form and for the Parent Form', function(done) {
     const formElement = document.createElement('div');
     Formio.createForm(
       formElement,
@@ -386,7 +386,7 @@ describe('SaveDraft functionality for Nested Form', () => {
         const inputEvent = new Event('input');
         tfNestedInput.dispatchEvent(inputEvent);
         setTimeout(() => {
-          assert.equal(saveDraftCalls, 1);
+          assert.equal(saveDraftCalls, 2);
           assert.equal(state, 'draft');
           done();
         }, 1000);

test/forms/helpers/testBasicComponentSettings/tests.js

@@ -646,8 +646,8 @@ export default {
           assert.deepEqual(basis, basisComponentNewValue, 'Should set basis component value');
           checkCalculatedValue();
           done();
-        }, 250);
-      }, 250);
+        }, 300);
+      }, 300);
     },
     'Should not allow overriding component colculated value'(form, done) {
       const basisComponent = form.getComponent('basis');