react-animated-css icon indicating copy to clipboard operation
react-animated-css copied to clipboard

animationOut not working

Open anilv0001 opened this issue 4 years ago • 3 comments

Hey , I m using the zoomIn and ZoomOut the issue is zoomOut is not working here is the my code snippet <Animated animationIn="zoomIn" animationOut="zoomOut" animationInDuration={700} animationOutDuration={700} isVisible={this.state.bootboxmodal} ></Animated>

anilv0001 avatar Aug 12 '20 12:08 anilv0001

I'm having the same issue.

EDIT: I manually made the animationOut trigger by setting isVisible to false;

ariel-frischer avatar Aug 25 '20 23:08 ariel-frischer

I'm not having any luck getting animationOut to work either. I have a component that is triggered by a state variable but this is not working:

     ```
     const [jobInfoOpen, setJobInfoOpen] = useState(false)

     <Animated
        animationIn="fadeInRight"
        animationOut="fadeOutLeft"
        isVisible={jobInfoOpen}
      >
          <JobInfo setJobOpen={setJobInfoOpen} />
      </Animated>

animationIn works fine, but not animationOut

A button elsewhere in the code sets jobInfoOpen to true.
A button inside the JobInfo component sets setJobInfoOpen to false.

cgcullen avatar Sep 18 '20 20:09 cgcullen

@cgcullen Maybe try adding animationIn and animationOut duration attributes.

ariel-frischer avatar Oct 02 '20 20:10 ariel-frischer