Trigger mutates on toggler & responsive nav show

diff --git a/js/foundation.responsiveToggle.js b/js/foundation.responsiveToggle.js
index c0d46bd1c20eaeeb51e523e36f4ece9ca63cb30c..6147c2675d59d0c4b485b45c05a9152f644eab07 100644 (file)
--- a/js/foundation.responsiveToggle.js
+++ b/js/foundation.responsiveToggle.js
@@ -101,6 +101,7 @@ class ResponsiveToggle {
              * @event ResponsiveToggle#toggled
              */
             this.$element.trigger('toggled.zf.responsiveToggle');
+            this.$targetMenu.find('[data-mutate]').triggerHandler('mutateme.zf.trigger');
           });
         }
         else {
@@ -115,6 +116,7 @@ class ResponsiveToggle {
       }
       else {
         this.$targetMenu.toggle(0);
+        this.$targetMenu.find('[data-mutate]').trigger('mutateme.zf.trigger');
 
         /**
          * Fires when the element attached to the tab bar toggles.

diff --git a/js/foundation.toggler.js b/js/foundation.toggler.js
index 8bcaae4c2c1d360977faa749c173f65605ef0049..ba5da331f60d4f3ccc74ab4a01d2d4fedfbbab78 100644 (file)
--- a/js/foundation.toggler.js
+++ b/js/foundation.toggler.js
@@ -96,6 +96,7 @@ class Toggler {
     }
 
     this._updateARIA(isOn);
+    this.$element.find('[data-mutate]').trigger('mutateme.zf.trigger');
   }
 
   _toggleAnimate() {
@@ -105,12 +106,14 @@ class Toggler {
       Foundation.Motion.animateIn(this.$element, this.animationIn, function() {
         _this._updateARIA(true);
         this.trigger('on.zf.toggler');
+        this.find('[data-mutate]').trigger('mutateme.zf.trigger');
       });
     }
     else {
       Foundation.Motion.animateOut(this.$element, this.animationOut, function() {
         _this._updateARIA(false);
         this.trigger('off.zf.toggler');
+        this.find('[data-mutate]').trigger('mutateme.zf.trigger');
       });
     }
   }