CSS property 'mix-blend-mode' causes display bug/artifact in the renderer.

Steps to reproduce:

Open attached files as a reference:

Without 'mix-blend-mode'

without-mix-blend-mode.svg

With 'mix-blend-mode: "color-burn"'

with-mix-blend-mode-color-burn.svg

With 'mix-blend-mode: "overlay"'

with-mix-blend-mode-overlay.svg

The display bug:

Screenshot__54_

What happened?

  • The example file without 'mix-blend-mode' displays correctly.
  • The other example file with 'mix-blend-mode' has problems as mentioned.
  • This issue is for Inkscape, browsers renders the files correctly (shown above).

What should have happened?

The 'mix-blend-mode' property should display correctly without causing any bug/artifacts.

Inkscape Version and Operating System:

  • Inkscape Version: 0.92.4
  • Operating System: Windows 10
  • Operating System version: 1903
Edited by Alifiyan Rosyidi