Skip to content
This repository has been archived by the owner on Dec 10, 2019. It is now read-only.

Height transition results in empty string #28

Closed
neverfox opened this issue Dec 1, 2015 · 3 comments
Closed

Height transition results in empty string #28

neverfox opened this issue Dec 1, 2015 · 3 comments
Labels

Comments

@neverfox
Copy link

neverfox commented Dec 1, 2015

Works (raw react-motion):

<Motion style={{ height : 88 }} defaultStyle={{ height : 0 }}>
  {value => <div style={{ backgroundColor : '#2196f3', height : value.height }} />}
</Motion>

Doesn't:

<Transition component={false} enter={{ height : 88 }} leave={{ height : 0 }}>
  <div style={{ backgroundColor : '#2196f3' }} />
</Transition>

Nothing happens and the resulting height is "". I haven't had problems with other cases that don't involve height, e.g. paddingLeft and top.

@frederickfogerty
Copy link
Collaborator

I can't immediately think of anything that could be causing, I'll have a look at this when I can.

@souporserious
Copy link
Owner

I'm currently tied up, but I will look into this as soon as I can and see what is wrong. Probably has to do with 'auto' height logic killing the value. Thank you for posting the issue @neverfox.

@souporserious
Copy link
Owner

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

No branches or pull requests

3 participants