Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Text animation doesn't stop #26460

Closed
atouchet opened this issue May 7, 2020 · 2 comments
Closed

Text animation doesn't stop #26460

atouchet opened this issue May 7, 2020 · 2 comments
Assignees

Comments

@atouchet
Copy link
Contributor

@atouchet atouchet commented May 7, 2020

URL: https://vercel.com/keyboard

Steps to reproduce:

  1. Load https://vercel.com/keyboard in Servo.
  2. The text animation no longer stops when it's supposed to and the animation keeps looping.

This issue first occurred in the 2020-05-02 nightly build. Tested in Windows 10.

Regression range: 6fb75c2...d08c4ff

@atouchet
Copy link
Contributor Author

@atouchet atouchet commented May 7, 2020

This regression is likely due to #26362.

cc @mrobinson

@mrobinson
Copy link
Member

@mrobinson mrobinson commented May 7, 2020

Reduced test case:

 <style>
 .paragraph {
     opacity: 0;
     animation: fade-in 600ms ease-in forwards;
     animation-delay: 0.5s;
 }
 @keyframes fade-in {
     to { opacity:1; }
 }
 </style>
<p class="paragraph">Animating Text</p>

The issue is we are no longer keeping animations around after they finish so they infinitely retrigger. This should theoretically be fixed by proper implementation of animation-fill-mode.

@mrobinson mrobinson self-assigned this May 11, 2020
mrobinson added a commit to mrobinson/servo that referenced this issue May 13, 2020
mrobinson added a commit to mrobinson/servo that referenced this issue May 14, 2020
@mrobinson mrobinson mentioned this issue May 14, 2020
3 of 3 tasks complete
bors-servo added a commit that referenced this issue May 16, 2020
…,emilio

Implement `animation-fill-mode`

Fixes #26460.

<!-- Please describe your changes on the following line: -->

---
<!-- Thank you for contributing to Servo! Please replace each `[ ]` by `[X]` when the step is complete, and replace `___` with appropriate data: -->
- [x] `./mach build -d` does not report any errors
- [x] `./mach test-tidy` does not report any errors
- [x] There are tests for these changes

<!-- Also, please make sure that "Allow edits from maintainers" checkbox is checked, so that we can help you if you get stuck somewhere along the way.-->

<!-- Pull requests that do not address these steps are welcome, but they will require additional verification as part of the review process. -->
mrobinson added a commit to mrobinson/servo that referenced this issue May 17, 2020
bors-servo added a commit that referenced this issue May 17, 2020
…,emilio

Implement `animation-fill-mode`

Fixes #26460.

<!-- Please describe your changes on the following line: -->

---
<!-- Thank you for contributing to Servo! Please replace each `[ ]` by `[X]` when the step is complete, and replace `___` with appropriate data: -->
- [x] `./mach build -d` does not report any errors
- [x] `./mach test-tidy` does not report any errors
- [x] There are tests for these changes

<!-- Also, please make sure that "Allow edits from maintainers" checkbox is checked, so that we can help you if you get stuck somewhere along the way.-->

<!-- Pull requests that do not address these steps are welcome, but they will require additional verification as part of the review process. -->
bors-servo added a commit that referenced this issue May 17, 2020
Implement `animation-fill-mode`

Fixes #26460.

<!-- Please describe your changes on the following line: -->

---
<!-- Thank you for contributing to Servo! Please replace each `[ ]` by `[X]` when the step is complete, and replace `___` with appropriate data: -->
- [x] `./mach build -d` does not report any errors
- [x] `./mach test-tidy` does not report any errors
- [x] There are tests for these changes

<!-- Also, please make sure that "Allow edits from maintainers" checkbox is checked, so that we can help you if you get stuck somewhere along the way.-->

<!-- Pull requests that do not address these steps are welcome, but they will require additional verification as part of the review process. -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Linked pull requests

Successfully merging a pull request may close this issue.

2 participants
You can’t perform that action at this time.