React-spring: Transform-origin breaks the transform animation

Created on 29 Aug 2019  路  3Comments  路  Source: pmndrs/react-spring

馃悰 Bug Report

I recently updated react-spring (was on beta22) and some of my transforms animations are broken.

To Reproduce

  • Create a useSprings

  • Use interpolate to create a transform
    Screenshot 2019-08-29 at 18 31 54
    This should work perfectly

  • Add transformOrigin: 'what ever you want'
    Screenshot 2019-08-29 at 18 32 19

The animation will not fire

Expected behavior

The animation should work with the correct transform origin

Environment

  • react-spring ^9.0.0-beta.33
  • react v16.8.6
bug
Source
picture VincentCtr

Most helpful comment

Fixed in @react-spring/web v9.0.0-beta.34

Run yarn --force to use it

picture aleclarson on 29 Aug 2019
🎉2

All 3 comments

This should be black flagged like that other prop which caused problems I think it was zIndex. Thanks for the report 馃憤

drcmda picture drcmda on 29 Aug 2019

Fixed in @react-spring/web v9.0.0-beta.34

Run yarn --force to use it

aleclarson picture aleclarson on 29 Aug 2019
🎉2

Thank you, that was fast !

VincentCtr picture VincentCtr on 30 Aug 2019
Was this page helpful?
0 / 5 - 0 ratings

Related issues

flsilva picture flsilva  路  3Comments
eDubrovsky picture eDubrovsky  路  3Comments
localjo picture localjo  路  3Comments
jmcruzmanalo picture jmcruzmanalo  路  4Comments
sakhisheikh picture sakhisheikh  路  3Comments