question-mark
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.

animation error: The provided timing value "" is invalid.

See original GitHub issue

I’m submitting a …

[x] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request/question

Current behavior throws the error

ERROR Error: Unable to process animations due to the following failed trigger transitions
@animation has failed due to:
- Please provide a value for the animation param enter
- The provided timing value "" is invalid.

Expected behavior no errors

Minimal reproduction of the problem with instructions (if applicable) <tag-input [(ngModel)]="tags" ></tag-input>

What do you use to build your app? (SystemJS, Webpack, angular-cli, etc.). Please specify the version angular/cli: 1.0.0 node: 7.7.3

Angular version: ^4

ng2-tag-input version: “ngx-chips”: “^1.4.5”

Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ] all

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:29 (14 by maintainers)

github_iconTop GitHub Comments

6reactions
Gbuompriscocommented, Aug 7, 2017

https://plnkr.co/edit/8Yl41KUksqOLNJQEypsM?p=preview

ngx-chips requires these peer deps:

import 'rxjs/add/observable/of';
import 'rxjs/add/operator/filter';
import 'rxjs/add/operator/first';
import 'rxjs/add/operator/debounceTime';
2reactions
feliksgcommented, Aug 6, 2017

@Gbuomprisco 1.4.8 resolved the issue for me, thanks so much!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Angular Router animation timing errors - Stack Overflow
Looks like your initial opacity values were set on the wrong elements (i.e. you initiate it as 1 on :enter , then animate...
Read more >
animate - Angular
Defines an animation step that combines styling information with timing ... The easing value controls how the animation accelerates and decelerates during ...
Read more >
Element.animate() - Web APIs - MDN Web Docs
Either an integer representing the animation's duration (in milliseconds), or an Object containing one or more timing properties described ...
Read more >
Animation | Jetpack Compose - Android Developers
Many Jetpack Compose Animation APIs are available as composable functions just ... time you supply this composable a different target value, an animation...
Read more >
CSS Animations Not Working? Try These Fixes - HubSpot Blog
Learn how to fix common CSS animation error and get your ... Similarly, a CSS animation will only cycle one time unless you...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found