Skip to content

Commit 19c19c0

Browse files
jefersonestevommalerba
authored andcommitted
bug(md-select): change the arrow position to absolute (#3580)
Fixes #3112
1 parent ef3aa65 commit 19c19c0

File tree

1 file changed

+8
-0
lines changed

1 file changed

+8
-0
lines changed

src/lib/select/select.scss

+8
Original file line numberDiff line numberDiff line change
@@ -111,14 +111,22 @@ $mat-select-trigger-font-size: 16px !default;
111111
}
112112

113113
.mat-select-arrow {
114+
position: absolute;
115+
right: 0;
114116
width: 0;
115117
height: 0;
116118
border-left: $mat-select-arrow-size solid transparent;
117119
border-right: $mat-select-arrow-size solid transparent;
118120
border-top: $mat-select-arrow-size solid;
119121
margin: 0 $mat-select-arrow-margin;
122+
123+
[dir='rtl'] & {
124+
right: auto;
125+
left: 0;
126+
}
120127
}
121128

129+
122130
.mat-select-panel {
123131
@include mat-menu-base();
124132
padding-top: 0;

0 commit comments

Comments
 (0)