From be9df610674c612188e2a87b1a67597a278f4d16 Mon Sep 17 00:00:00 2001
From: Kevin Ball <kmball11@gmail.com>
Date: Fri, 18 Nov 2016 11:07:05 -0800
Subject: [PATCH] Add mutation observer to responsive/drilldown

---
 js/foundation.drilldown.js      | 9 +++++++++
 js/foundation.responsiveMenu.js | 2 ++
 2 files changed, 11 insertions(+)

diff --git a/js/foundation.drilldown.js b/js/foundation.drilldown.js
index feebac5c7..0072063f0 100644
--- a/js/foundation.drilldown.js
+++ b/js/foundation.drilldown.js
@@ -47,6 +47,7 @@ class Drilldown {
     this.$submenuAnchors = this.$element.find('li.is-drilldown-submenu-parent').children('a');
     this.$submenus = this.$submenuAnchors.parent('li').children('[data-submenu]');
     this.$menuItems = this.$element.find('li').not('.js-drilldown-back').attr('role', 'menuitem').find('a');
+    this.$element.attr('data-mutate', (this.$element.attr('data-drilldown') || Foundation.GetYoDigits(6, 'drilldown')));
 
     this._prepareMenu();
     this._registerEvents();
@@ -96,6 +97,12 @@ class Drilldown {
     }
   }
 
+  _resize() {
+    this.$wrapper.css({'max-width': 'none', 'min-height': 'none'});
+    // _getMaxDims has side effects (boo) but calling it should update all other necessary heights & widths
+    this.$wrapper.css(this._getMaxDims());
+  }
+
   /**
    * Adds event handlers to elements in the menu.
    * @function
@@ -127,6 +134,7 @@ class Drilldown {
         });
       }
     });
+	  this.$element.on('mutateme.zf.trigger', this._resize.bind(this));
   }
 
   /**
@@ -368,6 +376,7 @@ class Drilldown {
   destroy() {
     if(this.options.scrollTop) this.$element.off('.zf.drilldown',this._bindHandler);
     this._hideAll();
+	  this.$element.off('mutateme.zf.trigger');
     Foundation.Nest.Burn(this.$element, 'drilldown');
     this.$element.unwrap()
                  .find('.js-drilldown-back, .is-submenu-parent-item').remove()
diff --git a/js/foundation.responsiveMenu.js b/js/foundation.responsiveMenu.js
index a7bb389a8..1f991aa04 100644
--- a/js/foundation.responsiveMenu.js
+++ b/js/foundation.responsiveMenu.js
@@ -62,6 +62,8 @@ class ResponsiveMenu {
     if (!$.isEmptyObject(this.rules)) {
       this._checkMediaQueries();
     }
+    // Add data-mutate since children may need it.
+    this.$element.attr('data-mutate', (this.$element.attr('data-mutate') || Foundation.GetYoDigits(6, 'responsive-menu')));
   }
 
   /**
-- 
2.47.2