Jump to content

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

IE11 missing a defined <rect>

Recommended Posts

I've got a couple of diagrams that, when I test on IE11 (albeit a browser preview via my mac), a white <rect> which I use to 'hide' the markers of a black line, isn't there. How do I remedy this without disrupting how the animations look on other browsers?




See the Pen jJQwqd by michael19911991 (@michael19911991) on CodePen

See the Pen OqrMXG by michael19911991 (@michael19911991) on CodePen

Link to comment
Share on other sites

Thanks for the demos.

I would suggest you remove everything from your file so only the <rect> is there.

If there is still a problem then at least you know it has nothing to do with GSAP or any other code you are using.


I noticed your rect has no width or height attributes. Maybe see if adding them helps. Not really too familiar with IE11's quirks.





  • Like 3
  • Thanks 1
Link to comment
Share on other sites

IE11 is a notorious fussy pants when it comes to SVG. I checked your demo in IE11 and it's definitely messing up some of the animation in addition to the missing rectangle. I didn't dive too deep into it, but I'd follow @Carl's advice and remove all the animation and see if the SVG will appear correctly in IE11. I'm 99.99%  sure this has nothing to do with GSAP.


Side note: I'm not sure what your user stats look like, but IE11 is approaching end of life. CodePen won't even work with IE11 except in Debug Mode. 

  • Like 2
  • Thanks 1
Link to comment
Share on other sites

Thanks guys, I have added inline width/height and will test again in IE11.


We get about 11% IE users versus 13% last year, so not a huge thing. Is it worth paying for Browser Stack to test this regularly, or do you know of any good quality free emulators? I'm on a Mac see...

Link to comment
Share on other sites

I guess it depends on your client's needs and demands. I've informed all of mine that we no longer test or support IE11.


I'm just kicking back and watching it die. I say good riddance. ;)

  • Like 2
Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.