menu not hiding CreativeIT#51

- merge commit
alexander-zierhut · Mar 29, 2017 · 3ec47c2 · 3ec47c2
1 parent 1181ba9
commit 3ec47c2
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 11 deletions.
diff --git a/getmdl-select.min.css b/getmdl-select.min.css
diff --git a/getmdl-select.min.css.map b/getmdl-select.min.css.map
diff --git a/getmdl-select.min.js b/getmdl-select.min.js
diff --git a/getmdl-select.min.js.map b/getmdl-select.min.js.map
diff --git a/src/js/getmdl-select.js b/src/js/getmdl-select.js
@@ -1,14 +1,13 @@
 {
     'use strict';
-
-    window.addEventListener('load', function () {
+    window.onload = function () {
         getmdlSelect.init('.getmdl-select');
         document.addEventListener("DOMNodeInserted", function (ev) {
             if (ev.relatedNode.querySelectorAll(".getmdl-select").length > 0) {
                 componentHandler.upgradeDom();
             }
         }, false);
-    });
+    };
 
     var getmdlSelect = {
         defaultValue : {
@@ -47,18 +46,20 @@
                     if ("createEvent" in document) {
                         var evt = document.createEvent("HTMLEvents");
                         evt.initEvent("change", false, true);
-                        menu['MaterialMenu'].hide()
+                        menu['MaterialMenu'].hide();
                         input.dispatchEvent(evt);
                     } else {
                         input.fireEvent("onchange");
                     }
                 };
             });
         },
-        init: function (selector) {
+        init: function (selector, widthDef) {
             var dropdowns = document.querySelectorAll(selector);
             [].forEach.call(dropdowns, function (i) {
                 getmdlSelect.addEventListeners(i);
+                var width = widthDef ? widthDef : (i.querySelector('.mdl-menu').offsetWidth ? i.querySelector('.mdl-menu').offsetWidth : getmdlSelect.defaultValue.width);
+                i.style.width = width + 'px';
             });
         }
     };

diff --git a/src/scss/getmdl-select.scss b/src/scss/getmdl-select.scss
@@ -19,8 +19,10 @@
     }
   }
 }
-.getmdl-select__fullwidth, .mdl-menu {
-  width: 100%;
+.getmdl-select__fullwidth {
+  .mdl-menu {
+    width: 100%;
+  }
 }
 
 .getmdl-select__fix-height{