fix(demos): Correct RTL/LTR toggling in demos in Safari (#2348)

material-components · Mar 6, 2018 · b9000a4 · b9000a4
1 parent ab85736
commit b9000a4
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 6 deletions.
diff --git a/demos/card.html b/demos/card.html
@@ -238,11 +238,7 @@ <h2 class="demo-card-article__title mdc-typography--headline">Asia's clean energ
         var rtlToggle = document.getElementById('toggle-rtl');
         rtlToggle.addEventListener('change', function() {
           var docEl = document.documentElement;
-          if (rtlToggle.checked) {
-            docEl.setAttribute('dir', 'rtl');
-          } else {
-            docEl.removeAttribute('dir');
-          }
+          docEl.setAttribute('dir', rtlToggle.checked ? 'rtl' : 'ltr');
         });
 
         [].forEach.call(document.querySelectorAll('.mdc-button'), function(surface) {

diff --git a/demos/top-app-bar.html b/demos/top-app-bar.html
@@ -199,7 +199,7 @@ <h3>Demo Controls</h3>
         });
 
         rtlCheckbox.addEventListener('change', function()  {
-          document.body[this.checked ? 'setAttribute' : 'removeAttribute']("dir", "rtl");
+          document.body.setAttribute('dir', this.checked ? 'rtl': 'ltr');
           appBarEl.classList.remove('mdc-top-app-bar--short-has-action-item');
 
           appBar.destroy();