Browser default no longer initializes

Author: acburst

js/select.js

@@ -20,6 +20,11 @@
     constructor(el, options) {
       super(Select, el, options);
 
+      // Don't init if browser default version
+      if (this.$el.hasClass('browser-default')) {
+        return;
+      }
+
       this.el.M_Select = this;
 
       /**

tests/spec/select/selectFixture.html

@@ -38,3 +38,16 @@
     <label>Materialize Select</label>
   </div>
 </div>
+
+<div class="row">
+  <div class="input-field col s12">
+    <select class="browser-default">
+      <option value="" disabled selected>Choose your option</option>
+      <option value="1">Option 1</option>
+      <option value="2">Option 2</option>
+      <option value="3">Option 3</option>
+    </select>
+    <label>Materialize Select</label>
+  </div>
+</div>
+

tests/spec/select/selectSpec.js

@@ -43,6 +43,11 @@ describe("Select Plugin", function () {
       var firstOption = browserSelect.find('option[selected]');
       expect(normalInput.val()).toEqual(firstOption.text(), 'Value should be equal to preselected option.');
     });
+
+    it("should not initialize if browser default", function () {
+      browserDefault = $('select.browser-default');
+      expect(browserDefault.parent().hasClass('select-wrapper')).toEqual(false, 'Wrapper should not be made');
+    });
   });
 
   describe("Multiple Select", function () {