Join GitHub today
mix-blend-mode not rendered #580
Please read this:
As each CSS property needs to be manually built to be supported, there are a number of properties that are not yet supported.
I hope it is possible to implement this in the near future :)
Setting the property when the browser doesn't support it, should be no different from the current implementation. In that regard it has a nice fallback. So I expect something akin to the following is all that is needed to implement the feature.
var temp = ctx.globalCompositeOperation; ctx.globalCompositeOperation = window.getComputedStyle(node).mixBlendMode; // ... ctx.globalCompositeOperation = temp;
As to where this piece of code needs to be placed... I have little to no idea, given I'm not all that well versed in the project (yet). It should be before the element and its children are rendered, at which point more properties are likely to be set.
Another issue, pertaining background-blend-mode, can probably be solved in a similar way; the moment the context is restored differs.