gecko-dev/layout/reftests/css-blending/clipped-opacity-containing-...

<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<title>Blend mode containers shouldn't clip unclipped children to their own clip</title>

<style>

body {
  margin: 0;
}

.content {
  box-sizing: border-box;
  border: 10px solid black;
  width: 100px;
  height: 100px;
}

.clip {
  box-sizing: border-box;
  width: 300px;
  height: 200px;
  border: 10px solid black;
  overflow: hidden;
}

.opacity {
  opacity: 0.5;
}

.absolutelyPositioned {
  position: absolute;
  top: 20px;
  left: 250px;
}

.mixBlendMode {
  mix-blend-mode: multiply;
  border-color: blue;
  margin-left: auto;
}

</style>

<div class="clip">
  <div class="opacity">
    <div class="absolutelyPositioned content"></div>
    <div class="mixBlendMode content"></div>
  </div>
</div>
Bug 1238564 - Set the innermost possible scroll clip on opacity items during creation. r=mattwoodrow Always use an ancestor scroll clip of all direct children, or the original scroll clip if the children don't share the same scroll clip tree. Unfortunately this requires another pass over the stacking context display list. Also, fix clips, scroll clips and creation order of blend items: If a clipped mix-blend-mode item contains absolute / fixed positioned items, those items should not be clipped, same for blend container items. When a transform item contains blend modes, create the blend container inside the transform. Don't do tree comparisons on scroll clips from different scroll clip trees. If the inner scroll clip is nullptr, because it was cleared, it will look like it's the ancestor of the outer non-nullptr scroll clip. These changes don't look very related, but it was very hard to get tests passing with only some of the changes and not the others, and after having spent two weeks on this patch I'm not thrilled about going back and checking exactly which change was necessary to fix which test failure. MozReview-Commit-ID: IKGciUBrdNa --HG-- extra : rebase_source : e570f16ecedd80cba16051f0e1ac66764bc95815 extra : histedit_source : fcfbcbc254aaf93594d9d80c117d6ec945805993 2016-03-04 23:05:58 +03:00			`<!DOCTYPE html>`
			`<html lang="en">`
			`<meta charset="utf-8">`
			`<title>Blend mode containers shouldn't clip unclipped children to their own clip</title>`

			`<style>`

			`body {`
			`margin: 0;`
			`}`

			`.content {`
			`box-sizing: border-box;`
			`border: 10px solid black;`
			`width: 100px;`
			`height: 100px;`
			`}`

			`.clip {`
			`box-sizing: border-box;`
			`width: 300px;`
			`height: 200px;`
			`border: 10px solid black;`
			`overflow: hidden;`
			`}`

			`.opacity {`
			`opacity: 0.5;`
			`}`

			`.absolutelyPositioned {`
			`position: absolute;`
			`top: 20px;`
			`left: 250px;`
			`}`

			`.mixBlendMode {`
			`mix-blend-mode: multiply;`
			`border-color: blue;`
			`margin-left: auto;`
			`}`

			`</style>`

			`<div class="clip">`
			`<div class="opacity">`
			`<div class="absolutelyPositioned content"></div>`
			`<div class="mixBlendMode content"></div>`
			`</div>`
			`</div>`