Skip to content

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

@tzraikov

Description

@tzraikov
  1. Add a highlighted state animation and set it to a button:

.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; }
}

  1. Play the animation by touching the button.
  2. 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).

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions