Wrench does not appear on IE11 without workaround (IE9 is OK)

[jonathanolson]

Name: Wave on a String URL: http://localhost:8080/wave-on-a-string/wave-on-a-string_en.html Version: 0.0.0-dev.9 Features missing: touch, fullscreen Flags: pointerEnabled, msPointerEnabled User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.3; .NET4.0C; .NET4.0E; rv:11.0) like Gecko Language: en-US Window: 1920x1105 Pixel Ratio: 1/1 WebGL: WebGL 0.94 GLSL: WebGL GLSL ES 0.94 Vendor: Microsoft (Internet Explorer) Vertex: attribs: 16 varying: 15 uniform: 512 Texture: size: 16384 imageUnits: 16 (vertex: 16, combined: 32) Max viewport: 16384x16384 OES_texture_float: true

but when browsing to the SVG file:

And it works on IE9 in our VM:

IE11 is reporting 0x0 for the image bounds.

[jonathanolson]

Added a workaround by explicitly setting the size. Leaving open to investigate image issue in general.

[samreid]

I had the same problem in John Travoltage, and I ended up just rasterizing the image, see https://github.com/phetsims/john-travoltage/issues/70

Is it sometimes better to use SVG and use the workaround you described?

[jonathanolson]

I'm hoping for a better fix, but hard to tell. Also might check if rasterization helps performance.

[samreid]

@aaronsamuel137 and I looked at this svg workaround for color vision to render the character's head, and it works very well, but it only renders in IE11 in requirejs mode. After compilation using chipper, the head does not appear in IE11 (though it does appear in other browsers). I tried compiling wave-on-a-string and the wrench does appear there, though. The SVG images are getting base64 encoded/decoded, I wonder if that is related to the problem in color vision?

[ariel-phet]

This issue seems no longer to be relevant, closing