bug(md-select): change the arrow position to absolute (angular#3580)

Fixes angular#3112
pacjin79 · Mar 14, 2017 · 19c19c0 · 19c19c0
1 parent ef3aa65
commit 19c19c0
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/lib/select/select.scss b/src/lib/select/select.scss
@@ -111,14 +111,22 @@ $mat-select-trigger-font-size: 16px !default;
 }
 
 .mat-select-arrow {
+  position: absolute;
+  right: 0;
   width: 0;
   height: 0;
   border-left: $mat-select-arrow-size solid transparent;
   border-right: $mat-select-arrow-size solid transparent;
   border-top: $mat-select-arrow-size solid;
   margin: 0 $mat-select-arrow-margin;
+
+  [dir='rtl'] & {
+    right: auto;
+    left: 0;
+  }
 }
 
+
 .mat-select-panel {
   @include mat-menu-base();
   padding-top: 0;