Search the Community
Showing results for tags 'ie11'.
Found 11 results
-
Hello, we're working on a full-screen sliding interface and got in to a ruckus when trying to show it in IE11. It seems to be only to drag back the amount of padding instead of whole width of the content. Is this a Draggable issue or is there a way to fix it with css? Thanks in advance
-
I hit a strange DrawSVG issue on my latest project. I was hunting every line of JS thinking I was doing something wrong, but I finally narrowed it down to the SVG stroke-linecap. If I set the stroke-linecap to 'round' or 'square', IE11 and Edge won't display the stroke as it animates. DrawSVG is animating all the values, but those two browsers display nothing. The weird thing is if I animate a new value for the strokeWidth along with the drawSVG animation, it works perfectly. Even a 1/1,000th change makes it work. Any strokeWidth value works as long as it isn't the same as the original value in the SVG. Another oddity is setting the stroke-linecap to 'butt', 'inherit' or leaving it out causes no problems either. All is fine in Chrome and FF, but the Microsoft browsers are behaving like fussy children.
-
Hi guys, for some reason I can't get the 3d transform perspective working on my splittext animation - see codepen... It only seems to be working in Chrome / Mac. Any ideas? Thanks!
-
Hi all, Hoping someone can help me out with an issue I'm having with the animated SVGs in my animation not displaying in IE. Bascially, there's one large SVG that takes up the whole background and then 3 smaller SVGs that are animated next to standard text. I've worked through few suggestions via these forums without any luck so far. All fine in other browsers, but with with IE I'm not even able to view the SVGs to even work out if they're animating correctly or not. Here's the codepen link: http://codepen.io/lachlants/pen/bed88f588e7c90bd4efb5df6e80da438 Further to this, the performance seems to be a bit laggy. Especially on mobile. Love some pointers if someone can help out. Thanks in advance, Lachlan
-
Hey everyone, I'm working on a card flip animation that appears to be just fine in all browsers except IE11. For some reason, the flip animation doesn't appear to have any perspective the way it does in other browsers. Ultimately, the card flip should appear 3D (instead of "flat" like it does in IE11). I can't really figure out what I'm doing wrong here. Everything appears to be in order, I'm thinking I might just have a browser specific bug on my hands. Any help or advice would be appreciated, thanks!
-
Hello Fellow Greensocks, I've noticed some artifacts when I animate text using SplitText library. See screenshot below I wonder, can anything be done to solve this in IE11 for example? I will test adding rotation 0.01 trick, but not sure if it will help. Any ideas? Thanks for anotherwise excellent product, Let the socks be green! ."S"
-
There are some banner ads I have created where the video does not scale properly on IE9+. There is a large black-space creep and the scale is not accurate. This is the scaling code. I don't quite know what other information I need to offer. Help please? child.set(video, {y:0, transformOrigin:"center center", scale: 1.4}) .to(video, 7, {y:0, x:-3, transformOrigin:"center center", scale: 1}) -
When calling Draggable.Create() on any element on the page, there is a momentary blip of horizontal and vertical scrollbars in IE11 (works fine in IE 9, 10, Chrome, Firefox, Safari). In the codepen I set up a case where 1000 divs have the Draggable applied, but the issue still exists when applied to a single element. I set it up this way so it could be easily demonstratable and the scrollbars would appear for a longer period of time. On a site with a lot of elements and extensive javascript the scrollbars appear long enough for the user to notice. http://codepen.io/anon/pen/gaBYGe
-
I am using a Windows 8.1 hybrid device and IE 11. If I create a Draggable with type:'x', it doesn't work. I created a CodePen to demonstrate this. I have to touch and drag about 3 times before it works. It works fine with a mouse.
-
Hi! I'm just starting with the JavaScript Version GSAP - awesome! My question/problem: Animation doesn't start in IE11 and Android <=4.3 SVG is embedded as object <object id="obj" type="image/svg+xml" height="20%" width="20%" data="img/status2.svg"></object> A rectangle in the svg is selected and animated: var element = document.getElementById("obj").contentDocument.getElementById('rectangle'); TweenMax.to(element, 1, { rotation:30, transformOrigin:'50% 50%' }); No problem in Chrome and FF, but in IE11 and Android <4.4 I can't provide a codepen demo because of cross domain restrictions (embedded object) but here is a link: http://www.e-challenge.de/greensock/animation.html Thanks for help! Tom
-
Greetings, we have a site with animated buttons. The buttons are supposed to slide in and not become interactive until the reach their target resting spot. However, they demonstrably become active right away. This is in IE11 on Windows 8. The interactive flag is a property of the pixi object we are animating. We tried a number of different ways to specify the above but none worked to solve the issue of the onComplete firing immediately under these conditions; not even using the latest 1.11.8 TweenMax.js Browsers other than IE 11 appear to work fine. And no, we did not put parens after onComplete, as that appeared to be a common mistake according to forums. We also tried both From and To tweens, that did not change anything . Here is the code. ... var tLadv2 = zq.sAn['tLadv2'] = new TimelineMax({onComplete: makeAdvButtonInteractive, onCompleteParams: [2]}); tLadv2.from(zq.sSp['advBtn2'], 0.36*tEslideR, {x:(gsf*(advBgX+7+115-1000)), ease:Power1.easeOut}); tL1.add(tLadv2, (6*tEdelay)); var tLadv1 = zq.sAn['tLadv1'] = new TimelineMax({onComplete: makeAdvButtonInteractive, onCompleteParams: [1]}); tLadv1.from(zq.sSp['advBtn1'], 0.2*tEslideR, {x:(gsf*(advBgX+7-1000)), ease:Power1.easeOut}); tL1.add(tLadv1, (7.2*tEdelay)); function makeAdvButtonInteractive(advBtnId) { zq.sGr['advF'+advBtnId+'Mask'].interactive = true; } Any advice would be appreciated. Thanks ahead!!
