Jump to content


  • Posts

  • Joined

  • Last visited


5 Newbie

Recent Profile Visitors

411 profile views
  1. Huh. The last post was based on the non-compressed version from aws. I extracted the minified version from your provided file (gsap-fixed.svg) and now I don't see that error anymore. Very strange. I don't see any reason why the minified one should behave differently. But I am happy, it's working Any idea when this version will be shipped? (I am doing some workshops so it would be nice to share that info as well) Thanks for your amazing support!
  2. Thanks Jack, for providing that version. But it's still not working. Here are some more information: + I am also getting the error in Chrome (Version 73.0.3683.103 (Official Build) (64-bit) and Canary as well) + I am using CDATA wrapper + The source of the error seems to be line 2734: a.style.cssText = "top:1px;opacity:.55;";
  3. Ok thanks. Quick update: I fully reconstructed Chris' version successfully. So 1.16.1 did NOT throw that error. Same with 2.0.0. So the problem only occurs on more recent GSAP versions... One more update: TweenMax v2.0.2 seems to be the most recent one that does NOT throw that error. Everything newer throws it.
  4. yes. e.g. for offline usage. And I think it doesn't even matter. Even if I link to a remote CDN version I will end up with the same error. I think it's not relevant how I embed the runtime but what the context/environment is (in this case a self containing SVG, so no HTML DOM)...
  5. Hi @mikel! It's a general question. Just want to know if embedding GSAP (TweenMax runtime) in a self containing SVG is supported or not. So the only code I have added to my svg is the GSAP code. No animation code yet. So during TweenMax runtime start I get the provided error "Uncaught TypeError: Cannot set property 'cssText' of undefined". I guess it must be caused during the registration process of GSAP on global/document/window level... I would love to provide a sample (even though there is basically nothing in it ) but codepen doesn't support a self containing SVG only HTML. ...I have attached the SVG file. If you open it in a browser you will see the error. Cheers, --Simon gsap.svg
  6. Hey guys. Can we still embed TweenMax in a self containing SVG file? I took an almost empty SVG file and pasted the TweenMax runtime code into a script tag. But I just get the error: "Uncaught TypeError: Cannot set property 'cssText' of undefined". I did exactly the same with anime.js which worked without any problems. I also saw this older tutorial by Chris Gannon ( ) It worked for him. Is that an older version or am I missing something important? Any help highly appreciated! --Simon
  7. ok thanks! then please consider an additional event callback "onStateChange" as a feature request As interim solution I will proxy/hijack all state changing methods of the timeline object and implement the state change propagation myself. I will let you know if it works...
  8. Hey Carl, thanks for the quick reply. I have already created my own Controller object to proxy the immediate timeline commands (pause, play, seek etc) as you mention. That totally works for my own "controlled" calls. But it's not working for other calls like timeline triggers etc. on dynamic timelines (e.g. with user generated custom actions that call timeline functions directly). So there is no other more robust (lower level) solution? The only solution I see right now would be proxying (overriding) the relevant state changing functions of the TimelineMax object. But that would be pretty dirty... Your thoughts? Thanks again for your amazing support!
  9. Hi GSAP enthusiasts, I am searching for the best way to propagate state changes on timeline level (e.g. "timeline was paused", "timeline started playing again"). There are event callbacks: "onComplete", "onUpdate", "onStart", "onReverseComplete" or "onRepeat". But none of them is working for me... I am looking for something like "onStateChange" that I can listen for, to properly propagate state changes. e.g. tl..eventCallback('onStateChange', function(evt) { if (tl.paused()) { /*...*/ } else { /*...*/ } }) Is there any recommended way to achieve this? Any hint appreciated. Happy animating!
  10. Wow that was fast! Thanks a lot. I will dive deeper ...
  11. Dear GSAP Magicans, you were right: My mind was blown when I saw your ExpoScaleEase Demo today (Link: https://codepen.io/GreenSock/pen/NyXBbV?editors=1010 ). Can you please share some more hints how to create/prepare the asset/image fragments for this kind of animations?! E.g. coming from Photoshop or Illustrator. That what be super awesome. Thanks in advance and keep up the amazing work! --Simon
  12. Hey dada, did you find clarification? Would be nice if you could share your insights. I am facing a similar question. Thanks in advance!
  13. Thanks Jack for the update. I will check out your recommendations as soon as I find the time... Pre christmas is always pretty busy.
  14. Thank you so much for looking into it. I was spending more time trying to solve this problem yesterday, but it seems that I cannot use the GSDevTools as is in my case. My feature requests would be: update method to be able to see dynamically changed timelines or a way to reset GSDevTools and add/register timelines manually (e.g. GSDevTools.clear().registerTimeline(myTimlineLiteInstance);) or methods to entirely destroy and recreate the GSDevTool instance any time ...just my thoughts