mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
fix(cdk-text-field): prevent keyframes from getting stripped by LibSass (#12567)
This commit is contained in:
@@ -1,10 +1,11 @@
|
||||
// Core styles that enable monitoring autofill state of text fields.
|
||||
@mixin cdk-text-field {
|
||||
// Keyframes that apply no styles, but allow us to monitor when an text field becomes autofilled
|
||||
// by watching for the animation events that are fired when they start.
|
||||
// by watching for the animation events that are fired when they start. Note: the /*!*/ comment is
|
||||
// needed to prevent LibSass from stripping the keyframes out.
|
||||
// Based on: https://medium.com/@brunn/detecting-autofilled-fields-in-javascript-aed598d25da7
|
||||
@keyframes cdk-text-field-autofill-start {}
|
||||
@keyframes cdk-text-field-autofill-end {}
|
||||
@keyframes cdk-text-field-autofill-start {/*!*/}
|
||||
@keyframes cdk-text-field-autofill-end {/*!*/}
|
||||
|
||||
.cdk-text-field-autofill-monitored:-webkit-autofill {
|
||||
animation-name: cdk-text-field-autofill-start;
|
||||
|
||||
Reference in New Issue
Block a user