[BUG]

Environment

Please provide as many details as you can:

• Hosting type
  • Form.io
  • Local deployment
    • Version: 4.2.x
• Formio.js version: 4.2.12
• Frontend framework: NodeJS
• Browser: Chrome
• Browser version: Current

Steps to Reproduce

1. Build a form with at least two elements
2. Re-order the form elements
3. Observe there is no change event, therefore; any form render cannot update to reflect changes.
4. None the form [render, redraw, renderComponents, triggerChange] methods have any effect.

Expected behavior

change event should occur not just when adding a component but also when moving. There should be a working redraw or render method to call on the formio render or the triggerChange method should cause it to update.

Observed behavior

moving components do not trigger any observable events.

Example

Live example, and/or example code to help demonstrate the issue.

None the form [render, redraw, renderComponents, triggerChange] methods have any effect. The only work around I found was to set the form in a builder on render event handler.

        builder.on('render', function() {
          instance.form = builder.form;
        });

[marcus-at-localhost]

@jhen1422 moving a component around emits addComponent but no change event.

EDIT: adding form.emit('change', form.form) emits change event

  form.on('addComponent', function(info, parent, path, index, isNew) {
    console.log('addComponent', info, parent, path, index, isNew);
    if(!isNew){
    	alert('Moved')
    }
	form.emit('change', form.form)
  });

https://jsfiddle.net/4a1ousy0/

[jhen1422]

@marcus-at-localhost After discussion with the team, we have determined that the addComponent triggering in place of the change vent is expected behavior when moving components within the builder.