material-components/material-web
1
1
Fork 0
mirror of https://github.com/material-components/material-web.git synced 2024-07-07 10:06:44 +03:00
Code Issues Projects Releases Wiki Activity

fix(elevation): limit elevation transition to box-shadow and opacity

Browse Source 
`transition-property: inherit` was causing issues where doing `visiblity: hidden` would animate with the shadow of the button. This change makes it such that we set the default properties to `box-shadow, opacity` on host so that it is still configuratble by the consumer of md-elevation.

PiperOrigin-RevId: 613385695
This commit is contained in:
Elliott Marquez 2024-03-06 16:55:42 -08:00 committed by Copybara-Service
parent 36dd77ef97
commit 34c0a6779e
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
elevation/internal/_elevation.scss
View File

@ -30,11 +30,6 @@
$exclude-custom-properties: false,
);
:host {
display: flex;
pointer-events: none;
}
:host,
.shadow,
.shadow::before,
@ -47,6 +42,12 @@
transition-timing-function: inherit;
}
:host {
display: flex;
pointer-events: none;
transition-property: box-shadow, opacity;
}
.shadow::before,
.shadow::after {
content: '';