Skip to content

Commit 6aabb2a

Browse files
fix icon transition flash
1 parent 4f14a27 commit 6aabb2a

File tree

1 file changed

+7
-6
lines changed

1 file changed

+7
-6
lines changed

packages/material-ui-lab/src/LoadingButton/LoadingButton.js

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -53,12 +53,13 @@ const LoadingButtonRoot = styled(Button, {
5353
};
5454
},
5555
})(({ styleProps, theme }) => ({
56-
[`& .${loadingButtonClasses.startIconLoadingStart}`]: {
57-
visibility: 'hidden',
58-
},
59-
[`& .${loadingButtonClasses.endIconLoadingEnd}`]: {
60-
visibility: 'hidden',
61-
},
56+
[`& .${loadingButtonClasses.startIconLoadingStart}, & .${loadingButtonClasses.endIconLoadingEnd}`]:
57+
{
58+
transition: theme.transitions.create(['opacity'], {
59+
duration: theme.transitions.duration.short,
60+
}),
61+
opacity: 0,
62+
},
6263
...(styleProps.loadingPosition === 'center' && {
6364
transition: theme.transitions.create(['background-color', 'box-shadow', 'border-color'], {
6465
duration: theme.transitions.duration.short,

0 commit comments

Comments
 (0)