Share Posted June 9, 2017 Hi, Thank you very much for all the help with I ultimately decided to give this another shot a different way -- which was re-using the existing HTML structure we have in our app and taking the class-based animations and putting them in GSAP. What I've noticed (from the CodePen URL) is that the `min-width` property is not resetting back to 100% in IE11 and Edge. If you try that demo in Chrome, Safari, or Chrome, things work as expected, but it stays at that "complete" value I have in the tween. Any help would be great appreciated as this doesn't suffer from the resize-jitters the other example I had did. Thanks! See the Pen 1e147737971b50717c5f192103f98937 by zslabs (@zslabs) on CodePen Link to comment Share on other sites More sharing options...
Share Posted June 10, 2017 Ah, very interesting. Looks like a bug in Microsoft browsers that incorrectly report the offsetWidth/Height of %-based children of display:flex elements as 0. From my reading, you're technically not really supposed to use %-based values inside display:flex. You could nest something in a position:absolute element that has top/left/right/bottom set to 0 (so that it fills it), and then the child of THAT could be percentage-based. Kinda weird, I know. That being said, I implemented a workaround in the upcoming release of GSAP which you can preview (uncompressed) at https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/TweenMax-latest-beta.js - that seems to resolve things in your demo, right? Internally, when GSAP tries to figure out the width/height it'll sense if the parent is display:flex and switch to using position:absolute (just for that measurement). 1 Link to comment Share on other sites More sharing options...
Author Share Posted June 11, 2017 That did it! Thank you very much for looking into this. Yeah, the whole reason we went down this weird route was due to that other forum post I linked having that weird, jittery bug on resize. Chrome definitely has its quirks, but once again, GSAP to the rescue! Have a great night! 1 Link to comment Share on other sites More sharing options...
Author Share Posted June 12, 2017 Hi, Is there a way to install GSAP from npm still that has the latest code? Going on https://github.com/greensock/GreenSock-JS only shows the latest release. Thanks! Link to comment Share on other sites More sharing options...
Share Posted June 12, 2017 If you are asking if betas are hosted somewhere that we publicize and maintain, the answer is no. They are in a near constant state of flux (bug fixes, experimental features, testing etc) and it isn't practical to be uploading / managing all those changes and versions. Hopefully the beta Jack provided will hold you over until the stable release, if you need to use that in production definitely download it and host it yourself. Very dangerous to pull it off of amazon in production. Link to comment Share on other sites More sharing options...
Author Share Posted June 12, 2017 Hey @Carl, ok thanks - fair enough. I know this is the dreaded "next question" that you get too often and hate answering, but was there a target date set for the next release? Thanks! 1 Link to comment Share on other sites More sharing options...
Share Posted June 12, 2017 Jack may have more info on that later in the day. 1 Link to comment Share on other sites More sharing options...
Share Posted June 12, 2017 We're preparing to push it out but it'll likely be next week before it's out (realistically). You're welcome to use that beta version in the mean time if htat helps. Link to comment Share on other sites More sharing options...
Author Share Posted June 16, 2017 ? Thanks for the update. I think we'll probably hold off until the official release, but it's great know this will be in there soon. Thanks again for looking into this so quickly! Link to comment Share on other sites More sharing options...
Author Share Posted June 23, 2017 Whoa, looks like the latest beta is tagged 1.20.0 -- maybe getting some extra goodies in there? ? Link to comment Share on other sites More sharing options...
Share Posted June 23, 2017 Exactamundo. Yep, keep an eye out - we're aiming to release next week (ran into a few unexpected challenges this week, and added some more features). We're preparing a blog post with videos to explain stuff. 3 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