DOM images textures break in Firefox

[joakin]

DOM images textures break in Firefox

[joakin]

The Elm and JS library should be deterministic. You say:

Often that breaks elm app in Firefox. Sometimes works ok.

That doesn't sound deterministic at all.

Are your images sizes valid? Check on them before sending them to elm, the width and height. Maybe it is this: https://bugzilla.mozilla.org/show_bug.cgi?id=1497275

Maybe this helps?

• https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage#Exceptions_thrown
• https://stackoverflow.com/questions/19338032/canvas-indexsizeerror-index-or-size-is-negative-or-greater-than-the-allowed-a

[shepelevstas]

Seems to be Firefox problem=) Thanks for the links! I'll try solutions from the last link!

[shepelevstas]

Looks like DOM Image fails to be decoded at first try for every new image. I load two files, three times the first and then three times the second. For each file the first load results in TImage with height and width equal 0. Then drawImage command fails in Firefox.

[shepelevstas]

Accedentally closed the issue. I'll try to create Ellie project!

[joakin]

Seems like you may have problems in the JS.

Just to be clear, fromDomImage requires a image instance from the JS Image constructor, and defined width and height properties because there are necessary for Texture.dimensions.

[shepelevstas]

Yes, you are right! While creating Ellie example, I've noticed that in one of the functions that downscale the image - image was returned right after image.src = canvas.toDataURL(). I refactored it into a Promise and the error is gone! =D
I wonder how come Chrome and Safari never stumble on it =))
Thanks you for your help! You suggested creating an Ellie example in another issue, and it helped me to find the error!
And thank you for this great elm package! Works great and easy to use =D