simongt / react-portfolio Goto Github PK

Only Firefox + Chrome browsers load the project containers in using a scroll-on-reveal animation.

This is due to quite a few browsers incorrectly loading containers when they are wrapped in any of react-reveal's animation tags. They seem to load but remain invisible while somehow still being clickable / interactive. No bueño. 😩 For now, I've configured the app to detect the browser in use, and only allow Firefox + Chrome to use react-reveal animations.

Firefox renders a different background that is NOT animated.

This is due to the JavaScript engine performing very poorly with the animation libraries in use (Particles, Canvas, Typist, Reveal). It's in my backlog to improve upon. For now, I've configured the app to detect whether the browser is using Firefox, and manually override the background setting.

IE loads all the content to the right. IE's gonna IE. 😑 This is noted in my backlog.