Inset box shadows with spread and rounded corners also spread to the outside if an outset box shadow is present #1737

mstange · 2017-09-21T18:36:15Z

https://bugzilla.mozilla.org/show_bug.cgi?id=1402060

Webrender seems to draw the inset box shadow in this testcase twice; both as an inset and as an outset box shadow. There actually is also an outset box shadow in the testcase, but it's transparent and should be completely invisible.

Expected vs actual rendering:

<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<title>Inset box shadows with spread also spread to the outside if an outset box shadow is present</title>

<style>

div {
  display: inline-block;
  margin: 10px;
  border-radius: 40px;
  width: 100px;
  height: 100px;
  background: gray;
  box-shadow: rgba(0,0,255,0.5) 0 0 0 5px inset, transparent 0 0 0 0;
}

</style>

<div></div>

mstange · 2017-10-07T18:06:33Z

This is a Gecko bug, not a WebRender bug.

glennw mentioned this issue Oct 5, 2017

[RFC] A rough plan for future optimizations. #1774

Closed

mstange closed this Oct 7, 2017

servo / webrender

Inset box shadows with spread and rounded corners also spread to the outside if an outset box shadow is present #1737

Inset box shadows with spread and rounded corners also spread to the outside if an outset box shadow is present #1737

mstange commented Sep 21, 2017 •

edited

mstange commented Oct 7, 2017

servo / webrender

Join GitHub today

Inset box shadows with spread and rounded corners also spread to the outside if an outset box shadow is present #1737

Inset box shadows with spread and rounded corners also spread to the outside if an outset box shadow is present #1737

Comments

mstange commented Sep 21, 2017 • edited

mstange commented Oct 7, 2017

mstange commented Sep 21, 2017 •

edited