Merge pull request #359 from materializecss/v2-dev

Preperation for 2.0.0 alpha

Author: wuda-io

Gruntfile.js

@@ -4,10 +4,10 @@
   </a>
 </p>
 
-<h3 align="center">MaterializeCSS</h3>
+<h3 align="center">Materialize</h3>
 
 <p align="center">
-  Materialize, a CSS Framework based on material design.
+  Materialize, a CSS Framework based on Material Design.
   <br>
   <a href="https://materializecss.github.io/materialize/"><strong>-- Browse the docs --</strong></a>
   <br>

README.md

@@ -196,6 +196,8 @@ document.addEventListener("DOMContentLoaded", function() {
   });
 
   M.Dropdown.init(document.querySelectorAll('.dropdown-trigger'), {});
+  M.Dropdown.init(document.querySelector('#dropdown-demo-left'), {alignment: 'left', constrainWidth: false});
+  M.Dropdown.init(document.querySelector('#dropdown-demo-right'), {alignment: 'right', constrainWidth: false});
 
   M.Parallax.init(document.querySelectorAll('.parallax'), {});
 
@@ -218,7 +220,9 @@ document.addEventListener("DOMContentLoaded", function() {
 
   M.Sidenav.init(document.querySelectorAll('.sidenav'), {});
 
-  M.TapTarget.init(document.querySelectorAll('.tap-target'), {});
+  const tts = M.TapTarget.init(document.querySelectorAll('.tap-target'), {});
+  document.querySelector('#open-taptarget')?.addEventListener('click', e => tts[0].open());
+  document.querySelector('#close-taptarget')?.addEventListener('click', e => tts[0].close());
 
   M.FormSelect.init(document.querySelectorAll('select:not(.disabled)'), {});