Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Keyframes with percentages causes error highlighting
See original GitHub issueDescription
When using styled keyframes, syntax highlighting breaks if using percentages instead of ‘from’ and ‘to’.
Error message: { expectedts-styled-plugin(9999)
Screenshot
Build environment:
- OS: MacOS 11.3
- VSCode Version: 1.56.2
- Extension Version: 1.6.1
Additional context Problem is resolved by rolling back to previous version
Issue Analytics
- State:
- Created 2 years ago
- Reactions:29
- Comments:14
Top Results From Across the Web
Keyframe Animation Syntax | CSS-Tricks
While CSS transition is only from one state to another, a keyframe animation can interpolate between many different states during its timeline.
Read more >An Interactive Guide to Keyframe Animations - Josh W Comeau
The percentages refer to the progress through the animation. from is really just syntactic sugar? for 0% . And to is sugar for...
Read more >CSS animation keyframe percentage issue - Stack Overflow
The keyframe percentages relate to your animation duration. For example: with a 10 second animation, 10% is the 1 second mark, ...
Read more >Keyframes not working the way it's intended - HTML & CSS
It does move back to its default state which is at a transform of 200% as seen in the first rule. As soon...
Read more >animation - CSS: Cascading Style Sheets - MDN Web Docs
Syntax. /* @keyframes duration | easing-function | delay | iteration-count | direction | fill-mode | play-state ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
I’ve opened a PR upstream so it will just depend how long they will need to merge it. Nothing left for me to do on this side.
@marcosem @eomttt please don’t reply saying you “have same issue”, there are people subscribed to this thread and it pings everyone.
If you want to signal you have this issue you can upvote the top post with a “thumbs up” emoji. Same goes for anyone else.