Skip to content

Need a solution to set transform to none in order to make child's position fixed works #1132

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

Closed
zhaoyinji opened this issue Sep 4, 2020 · 2 comments

Comments

@zhaoyinji
Copy link

zhaoyinji commented Sep 4, 2020

🚀 Feature Proposal

Need a solution so when the animation is finished, we can set transform to none.

Motivation

Currently, the child's fixed position won't work properly when the parent has the transform style.

Example

I have tried the hack way to set the transform to none, then the old animation of enter and leave will be overridden because of immediate: true

enter={[
  {
      opacity: 1,
      transform: 'translate3d(0%,0,0)',
   },
   { transform: 'none', immediate: true }
]}
leave={[
   { transform: 'translate3d(0%,0,0)', immediate: true },
   {
       opacity: 0,
       transform:  'translate3d(100%,0,0)',
    }
]}
@zhaoyinji zhaoyinji added the kind: request New feature or request that should be actioned label Sep 4, 2020
@aleclarson
Copy link
Contributor

Duplicate of #747

@aleclarson aleclarson marked this as a duplicate of #747 Sep 4, 2020
@aleclarson aleclarson added duplicate and removed kind: request New feature or request that should be actioned labels Sep 4, 2020
@zhaoyinji
Copy link
Author

@aleclarson Thank you for the fast response.

I have read through the case #747 several times before opening this case. I don't quite understand the solution for fixed postion problem in the 9rc2. Could you please enlighten me?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants