fix(list): Properly position interactive list items in RTL context (#746

) Fixes #725
material-components · May 30, 2017 · ae4e87f · ae4e87f
1 parent e21ec90
commit ae4e87f
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/mdc-list/mdc-list.scss b/packages/mdc-list/mdc-list.scss
@@ -157,11 +157,11 @@ a.mdc-list-item {
   @include mdc-ripple-base;
   @include mdc-ripple-bg((pseudo: "::before"));
   @include mdc-ripple-fg((pseudo: "::after"));
+  @include mdc-rtl-reflexive-position(left, $mdc-list-side-padding * -1);
 
   position: relative;
   // Cause the upgraded list item to cover the entirety of the list, causing ripples to emanate
   // across the entire list element.
-  left: $mdc-list-side-padding * -1;
   width: 100%;
   padding: 0 $mdc-list-side-padding;
   overflow: hidden;