Should inverted color in SVG only take account of itself or also other elements?

Asked Sep 08 '18 at 23:09

Active Sep 08 '18 at 23:16

Viewed 27 times

I get different results in different browsers for

line {
  stroke: white;
  stroke-width: 10;
  mix-blend-mode: exclusion;
}

div {
  display: inline-block;
  background: rgb(231, 229, 218);
}

<div>
  <svg width="100" height="100">
        <line x1="0" y1="0" x2="100" y2="100"/>
      </svg>
</div>

Firefox renders a white, Chrome a dark line. Which is correct?

edited Sep 08 '18 at 23:16

Temani Afif

asked Sep 08 '18 at 23:09

Daniel

I see the same in FF and chrome – Temani Afif Sep 08 '18 at 23:18
@TemaniAfif So you see a dark line in both case? What version of Firefox are you on? Is it a non-current one (<62)? – Daniel Sep 08 '18 at 23:24
yes both dark and I using V61.0.2 of FF – Temani Afif Sep 08 '18 at 23:26
1

Okay, I think it changed with FF 62 then. My hunch is that it is a bug. I'll report and see what they say. – Daniel Sep 08 '18 at 23:37
or simply wait for minor updates, I suppose it will get fixed with other bugs – Temani Afif Sep 08 '18 at 23:37
@TemaniAfif It's the same problem in FF Nightly (64)... – Daniel Sep 08 '18 at 23:42

0 Answers0