Skip to content

Commit efd8ab6

Browse files
authored
fix(material-experimental/mdc-progress-spinner): prevent animation from affecting surrounding layout (#20962)
Similar to #16930. Prevents the indeterminate animation from overflowing the host node and affecting the page layout.
1 parent eda397c commit efd8ab6

File tree

1 file changed

+6
-2
lines changed

1 file changed

+6
-2
lines changed
Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,13 @@
11
@import '@material/circular-progress/mixins.import';
22
@import '../mdc-helpers/mdc-helpers';
33

4-
54
@include mdc-circular-progress-core-styles($query: $mat-base-styles-without-animation-query);
65

6+
.mat-mdc-progress-spinner {
7+
// Prevents the spinning of the inner element from affecting layout outside of the spinner.
8+
overflow: hidden;
9+
}
10+
711
:not(._mat-animation-noopable) {
8-
@include mdc-circular-progress-core-styles($query: animation);
12+
@include mdc-circular-progress-core-styles($query: animation);
913
}

0 commit comments

Comments
 (0)