search

darenju / react-flip-page

A React.js implementation of the Flipboard page swipe.
MIT License
174 stars 31 forks source link

Issue: Animation changes on production server #114

Open FrancoisCoding opened 5 years ago

FrancoisCoding commented 5 years ago

Problem When deploying site using the production build of site, animations change and split screen in half.

Environment "react-flip-page": "1.5.7" Settings:

{ height: "700" width: "1150" pageBackground: "#f2f3ee" showSwipeHint: "true" uncutPages: "true" } Browsers: Chrome Firefox Brave IE

How to reproduce Create flip book on site and run yarn build to see site, or host on netlify.

Additional notes I believe this can be a performance issue, but I'm not sure. Everything works fine on a development server when running yarn start, but changes drastically when on a production server. Production Screenshots : Screenshot (124) Screenshot (125)

Development Screenshots: Screenshot (126) Screenshot (127)

darenju commented 5 years ago

Hello,

There have been several issues regarding problems when building a project into production mode… I have never been able to reproduce nor to identify the problem.

I would probably need help on investigating this issue. One could look into the styles generated on each of the slices to see the diff with the development version.

darenju commented 4 years ago

Hello @FrancoisCoding,

Yesterday was released a new version, 1.6.1, which uses another uglifying technic. Can you please try and check if the animation is working correctly now?