Skip to content

Timing issue with enter transitions #5

Closed
@kylpo

Description

@kylpo

Sorry for not having a codepen to show this off, but when we switched from react-addons-css-transtion-group to this lib, we noticed the enter and enter-active styles were applied at the same time, resulting in no transition. From looking at differences in the libs, I see that this one is using a raf helper, and I'm wondering if that is the problem?

For example: with a fade-in style like:

  enter: {
    opacity: 0,
    transition: 'opacity 3000ms ease',
  },
  enter-active: {
    opacity: 1,
  }

The enter items receive opacity: 1 immediately and do not fade in.

This issue was found in the latest stable Chrome.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions