Re-build the element when a model event fires.

Author: adamghill

django_unicorn/static/js/component.js

@@ -100,7 +100,7 @@ export class Component {
             !this.attachedModelEvents.some((e) => e.el.isSameNode(element.el))
           ) {
             this.attachedModelEvents.push(element);
-            addModelEventListener(this, element, element.model.eventType);
+            addModelEventListener(this, element.el, element.model.eventType);
           }
 
           if (!this.modelEls.some((e) => e.el.isSameNode(element.el))) {

django_unicorn/static/js/eventListeners.js

@@ -91,11 +91,13 @@ export function addActionEventListener(component, eventType) {
 /**
  * Adds a model event listener to the element.
  * @param {Component} component Component that contains the element.
- * @param {Element} element Element that will get the event attached to.
+ * @param {DOM Element} el DOM Element that will get the event attached.
  * @param {string} eventType Event type to listen for.
  */
-export function addModelEventListener(component, element, eventType) {
-  element.el.addEventListener(eventType, () => {
+export function addModelEventListener(component, el, eventType) {
+  el.addEventListener(eventType, (event) => {
+    const element = new Element(event.target);
+
     const action = {
       type: "syncInput",
       payload: {