Skip to content
This repository was archived by the owner on Sep 5, 2024. It is now read-only.

Commit 9b918cb

Browse files
committed
fix(list): ng-click changes item width in IE
In IE11, when using `ng-click` on an `md-list-item`, the width of the list item would be incorrect due to https://github.com/philipwalton/flexbugs#7-flex-basis-doesnt-account-for-box-sizingborder-box. Fix CSS to to use `flex: 1 1 auto` instead of `flex: 1` so that the width is properly calculated. Fixes #3708.
1 parent f54275a commit 9b918cb

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

src/components/list/list.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@ md-list-item {
4646
.md-no-style {
4747
position: relative;
4848
padding: $list-item-padding-vertical $list-item-padding-horizontal;
49-
flex: 1;
49+
flex: 1 1 auto;
5050

5151
&.md-button {
5252
font-size: inherit;

0 commit comments

Comments
 (0)