Visual states not working properly when the animation is canceled in Android

.button {
background-color: green;
}

.button:highlighted {
animation-name: highlight;
animation-duration: 2s;
animation-fill-mode: forwards;
}

@Keyframes highlight {
from { background-color: yellow; }
to { background-color: red; }
}

Play the animation by touching the button.
Touch up before the animation ends. The button will remain in some undetermined state. The correct behavior is to reset its background to green (like in iOS).

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

Navigation Menu