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.

Possible Bug When All Keyed Elements Don't Have A Counterpart On The Next State

See original GitHub issue

Hi! 😃 I’m not sure if this is a bug or just a user error on my part. I think it’ll be easier to show you than to explain it:

peek 2017-12-25 21-05

Basically, each grid item has a unique data-flip-key value. When you click on an item, the details page will have only that items key on the larger image. Any thoughts? 🤔

Issue Analytics

  • State:open
  • Created 6 years ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

3reactions
davidkpianocommented, Dec 26, 2017

Is there a chance you could add an option for only animating certain types like MOVE?

Sure. I’m actually planning on removing the onEnter animation since it’s pretty opinionated, and I’d rather let the developer configure animations themselves, which is pretty straightforward to do:

const flipping = new Flipping({
  onEnter: (stateMap) => {
    Object.keys(stateMap).forEach(stateKey => {
      const state = stateMap[key];
      if (state.type === 'ENTER') {
        // do your own custom animation
        state.element.animate(...);
      }
    });
  }
});
0reactions
lots0logscommented, Dec 26, 2017

That makes much more sense than what I resorted to :doh: THANKS!!!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Book Summary: Never Split the Difference by Chris Voss
Read this Never Split the Difference summary to review key takeaways and ... When your counterpart drops the F-bomb, don't get suckered into...
Read more >
Using ARIA - W3C
This document is a practical guide for developers on how to add accessibility information to HTML elements using the Accessible Rich ...
Read more >
Bubbling and capturing - The Modern JavaScript Tutorial
When an event happens on an element, it first runs the handlers on it, then on its parent, then all the way up...
Read more >
10 Hard-Bargaining Tactics to Watch Out for in a Negotiation
Next, you need to prepare for your counterpart's hard-bargaining tactics. To do so, you first will have to be able to identify them....
Read more >
Control the Negotiation Before It Begins
Negotiators often take it for granted that if they bring a lot of value to the table and have sufficient leverage, they'll be...
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