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

Author: abhiomkar

demos/drawer/dismissible-drawer.html

@@ -220,6 +220,7 @@ <h1 class="mdc-typography--headline4">Dismissible Drawer</h1>
           mainEl.querySelector('input').focus();
         });
       });
+
     </script>
   </body>
 </html>

packages/mdc-drawer/common.scss

@@ -89,6 +89,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 {

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;