foreignObject mask not working in Chrome/Chromium 88

okrad / svelte-progressbar

A multiseries, SVG progressbar component made with Svelte

https://okrad.github.io/svelte-progressbar/

MIT License

129 stars 18 forks source link

Closed zqianem closed 3 years ago

zqianem commented 3 years ago

Causes percentage text to remain dark as progress bar covers it.

Previous behavior (Chromium 87 / Firefox):

Current behavior (Chromium 88):

Observed on both Linux and Windows.

okrad commented 3 years ago

Nice catch! I had to add an external "g" tag and move the mask reference there to make it work. I guess it is more correct indeed...