MDN-Browser-Compatibility-Report-2020

I some differences in the way that the canvas blend modes were composited between Chrome and Safari and Firefox.

What did you do?

I just tried a different combination of blend modes to achieve the same effect, I changed the ordering a little bit until they all looked the same. Trial and error, basically. Like I said, I haven't read the spec, and it sounds like very dry reading... I didn't really see which one was correct. For my purposes it didn't really matter, as long as they all look the same.

Performance

Cases of inconsistent performance?

I did notice that scroll events are fired differently in Safari vs. everyone else. Safari would... I took a few stabs at this and in the first stab, Safari would only fire the scroll event after the scroll had finished. So I ended up... the workaround I used for that was to just use touchmove and just call the same... Basically I had a render loop running, in a requestAnimationFrame loop, and I would update things in the touchmove event in addition to the standard scroll on Safari. That was one issue I came across.

Magic wand question

That is a tough question! I think ideally, everyone should just follow whatever the standard is. But the problem is, sometimes, the standard isn't... you know, standards change, and it doesn't specify every single detail, which, you know, that makes sense, it's almost impossible to do that. But if every single rendering, regardless of platform, would follow the standard as closely as possible, that would be a beautiful world.

Participant 10

JavaScript

Do remember the last time you ran into an interoperability problem with JavaScript?

Made with FlippingBook - professional solution for displaying marketing and sales documents online