fix(drawer): Remove list item children to be included in click target. (

material-components#3480) (cherry picked from commit cc3ae2f)
Lundalogik · Aug 31, 2018 · e05ca84 · e05ca84
1 parent 730b176
commit e05ca84
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/demos/drawer/dismissible-drawer.html b/demos/drawer/dismissible-drawer.html
@@ -220,6 +220,7 @@ <h1 class="mdc-typography--headline4">Dismissible Drawer</h1>
           mainEl.querySelector('input').focus();
         });
       });
+
     </script>
   </body>
 </html>
diff --git a/packages/mdc-drawer/common.scss b/packages/mdc-drawer/common.scss
@@ -90,6 +90,12 @@
   .mdc-list-divider {
     margin: 3px 0 4px 0;
   }
+
+  // Prevents list item children from being included in the click target.
+  .mdc-list-item__text,
+  .mdc-list-item__graphic {
+    pointer-events: none;
+  }
 }
 
 .mdc-drawer--open {

diff --git a/packages/mdc-list/mdc-list.scss b/packages/mdc-list/mdc-list.scss
@@ -103,8 +103,6 @@
 
 .mdc-list-item__text {
   @include mdc-typography-overflow-ellipsis;
-
-  pointer-events: none;
 }
 
 $mdc-list-item-primary-text-baseline-height_: 32px;