Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

Praney Behl last won the day on August 24 2013

Praney Behl had the most liked content!

Praney Behl

  • Posts

  • Joined

  • Last visited

  • Days Won


Everything posted by Praney Behl

  1. Hey Jack, Any updates on the CSSTransform plugin. Its been an year so I thought I'll ask, API methods and some docs will be awesome. Also will be great to have the un-minified version in the Business bundle. Cheers.
  2. Just linking to Jack's reply in the other post here: http://greensock.com/forums/topic/11225-draggable-svg-element-which-is-also-rotatable/page-2#entry60594 Thanks Jack, guess I'll have continue without Safari support for now.
  3. Hi guys, I asked this a few months ago, it seems like for some reason it was ignored so I thought I'll bring it back to the attention of the GSAP dev team. The problem here is that when a Draggable SVG element with "svg { overflow: visible }", dragged out into the overflow area of the SVG, draggable is not able to drag it. This currently only happens in Safari. Is this a bug? Here is the post from the past: http://greensock.com/forums/topic/11225-draggable-svg-element-which-is-also-rotatable/#entry50147 I hope this time it gets some attention and is fixed asap. Cheers!
  4. Hi guys, Just wondering if this a bug with Safari while using draggable on svg overflow? Still waiting for this to be fixed. Hope this gets some traction and I am not the only one suffering this issue. Maybe I should start a new thread.
  5. Praney Behl

    React and GSAP

    So what happens if you try to animate this in React with GSAP the way John Lindquist mentions here : https://egghead.io/lessons/react-using-tweenmax-with-react?
  6. Thanks Jack, appreciate it. Will buy Business in a couple of days. You may wanna maybe shoot a newsletter with the coupon maybe call it cyber Monday week to scrape a few extra sales through the week I really appreciate the awesome work you guys do here
  7. Cyber Monday is just days away, Jack any great discounts on premium club memberships? Cheers!
  8. Hey, Ok I found why I had to nest the svgs, with svg{ overflow : visible; } draggable doesn't detect svg element when it is in the overflow region in Safari browser. Is it just me or Safari or is it something in Draggable.js Here try this in Safari: http://codepen.io/praneybehl/pen/BNvEMv Drag the green element outside and then try to drag it back in. Hope it makes more sense.
  9. Yeah I thought that should work and tried it yesterday, but for some odd mistake it just wouldn't work for me and today I found this post so I thought i'll ask. Dang! too much high I guess . I feel so stupid right now - <hitting my head> Thanks for the refresher mate.
  10. Thanks for the reply mate, I am working on something that needs an svg to have overflow:visible so to achieve that, I had to nest the svg inside another to have the overflow visible. Now the inner SVG has elements that are draagable and rotatable. So has mention draggable works fine but when trying to rotate it plays up. http://codepen.io/praneybehl/pen/xGmygp?editors=101
  11. Hi @Carl and @Diaco, that a great example, however it seems to play up a bit if there are nested svgs. Dragging seems to work fine but the rotation looks a bit off. Here is an example: http://codepen.io/praneybehl/pen/xGmygp?editors=101 Any ideas on how can this be fixed? Thanks
  12. Hi guys, Just found something silly with Firefox. I am using nested svgs and an rectangle element inside it. Using draggable on the rectangle in the nested svg works fine in Google chrome but not in Firefox. It throws out an error @ Draggable.js:252:0 "TypeError: element.style is undefined" Here is an example:
  13. Don't think it's yet been documented, been waiting for a long time now
  14. Thanks @Diaco, that looks easy peazy! Cheers appreciate it mate.
  15. Hi guys, I have recreated the problem as the title states. I have a div that has a zoom and a Draggable item inside it. On zoom = 1 everything works great but if you change the zoom the Draggable position is out. While using jQuery-UI Draggable I was able to fix the issue by the following code: var zoom = $("#main").css("zoom"); $('svg').draggable({ drag: function(evt,ui) { // zoom fix ui.position.top = Math.round(ui.position.top / zoom); ui.position.left = Math.round(ui.position.left / zoom); } }); As the x and y properties on the Draggable object are [read-only] how can this be done to fix position with GSAP Draggable? Will appreciate some help. Cheers, Praney
  16. Thanks mate, I think I should have been more clear, what I was trying to ask was how to sync the media play/pause/reverse with the gsap timeline. Just updated my initial post.
  17. Thanks Diaco, Would it be possible to get an example? Cheers!
  18. Just wondering if there is a way to add and play/pause/stop media elements like audio and video to an instance of TimelineLite or TimelineMax and control with the GSAP-JS API? What I was trying to ask was how to sync the media play/pause/reverse with the gsap timeline. Anyone any clues?
  19. Hi guys, Just trying to figure out how to initiate or have the element._gsTransform object added to a DOM element when an event is fired lets say click. Is there a way to initiate GSAP without making any changes to the elements css? Thanks, Praney
  20. Thanks Jack its all good. I'll wait till next month for its release.
  21. Sorry Jack, I meant CSSTransform utility. I see it has been updated and I was wondering if there was some proper documentation for its use.
  22. Hi Jack, I was wondering if there are any docs and if possible, usage examples for the 2 new plugins EndArrayPlugin and CSSTransformPlugin. Thanks, Praney