nacho40 Posted April 13, 2022 Share Posted April 13, 2022 I am seeing that when I scroll down fastly the cards of my portfolio section are rendered but after a seconds they are not more rendered. Nothing was change in the code from my side but I don't know which could be the reason . please help me to understand if something is missing in the code due the migration o gsap library Link to repos :https://github.com/jpiazza35/portfolio-frontendhttps://github.com/jpiazza35/portfolio-backend/tree/master deploy is in vercel : https://joseignaciopiazzacv-dz1kuzxqq-jpiazza35.vercel.app/ Link to comment Share on other sites More sharing options...
Cassie Posted April 13, 2022 Share Posted April 13, 2022 Hi there! Did you upgrade to the latest version or react by any chance? 1 Link to comment Share on other sites More sharing options...
nacho40 Posted April 13, 2022 Author Share Posted April 13, 2022 hi I did not , you meant reactjs version?, the package.json file is as below : { "name": "portafoliofrontend", "version": "0.1.0", "private": true, "dependencies": { "@fortawesome/fontawesome-svg-core": "^1.2.30", "@fortawesome/free-solid-svg-icons": "^5.14.0", "@fortawesome/react-fontawesome": "^0.1.11", "@testing-library/jest-dom": "^4.2.4", "@testing-library/react": "^9.5.0", "@testing-library/user-event": "^7.2.1", "axios": "^0.21.1", "gsap": "^3.7.0", "mdbreact": "^4.27.0", "react": "^16.13.1", "react-dom": "^16.13.1", "react-icons": "^3.10.0", "react-responsive-carousel": "^3.2.9", "react-scripts": "3.4.1", "react-scroll": "^1.8.1", "react-slideshow-image": "^3.0.2", "react-use": "^15.3.3" }, "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" }, "eslintConfig": { "extends": "react-app" }, "browserslist": { "production": [ ">0.2%", "not dead", "not op_mini all" ], "development": [ "last 1 chrome version", "last 1 firefox version", "last 1 safari version" ] } } Link to comment Share on other sites More sharing options...
Cassie Posted April 13, 2022 Share Posted April 13, 2022 Ok, not the latest react bug then! Thanks for that. I'm not really sure what this means - could you clarify? Quote please help me to understand if something is missing in the code due the migration o gsap library I don't see any difference in rendering when I scroll at different speeds either, I can't see any cards either? Not really sure what I'm looking for so I'm not quite sure how to help here. Possible pointers: You have a warning in the console about a missing image. Also, some of your images are very large. Maybe that's causing some rendering issues? It's quite hard for use to help with live sites though. Is there a chance you could recreate the issue in a minimal demo on codepen for us? Link to comment Share on other sites More sharing options...
nacho40 Posted April 13, 2022 Author Share Posted April 13, 2022 are you able to see these cards that I can't?: Link to comment Share on other sites More sharing options...
Cassie Posted April 13, 2022 Share Posted April 13, 2022 You didn't explain that. 🙃 I can't notice something missing unless I know it's there in the first place. I've taken a look - and they are animating, they're just animating to an opacity of 0, so I'd take a look in your code for that. Kapture 2022-04-13 at 16.22.29.mp4 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now