gecko-dev/layout/reftests/css-animations/stacking-context-transform-...

<!DOCTYPE html>
<title>
Transform animation creates a stacking context even though it has only
'transform:none' keyframes
</title>
<style>
span {
  height: 100px;
  width: 100px;
  position: fixed;
  background: green;
  top: 50px;
}
@keyframes TransformNone {
  from, to { transform: none }
}
#test {
  width: 100px; height: 100px;
  background: blue;
  animation: TransformNone 100s infinite;
}
</style>
<span></span>
<div id="test"></div>
Bug 1273042 - Part 3: Reftest for checking transform:none animations create a stacking context. r=birtles This patch has two test cases one if for CSS animations and one is for web animations. For CSS animations test cases: @keyframes { from, to { transform: none; } } For web animtions test cases, the target element is appended after animate(). MozReview-Commit-ID: Gy1sY41jV7G 2016-06-01 10:24:34 +03:00			`<!DOCTYPE html>`
Bug 1278136 - Part 2: We should not check whether the animation can run on the compositor or it's paused when determining if we should create a stacking context. r=birtles,mattwoodrow We should create a stacking context for any transform or opacity animations that are either "in effect" (what we currently do) OR "current", i.e. scheduled to run or running. BUT for now, we don't create any stacking context in before phase without fill:backwards or fill:both because the property never wins in cascade until the animation gets "in effect". This restriction will be removed in a subsequent patch in this bug after landing bug 1279403. MozReview-Commit-ID: 8RyLJNPtoKI --HG-- rename : layout/reftests/css-animations/stacking-context-transform-animation-ref.html => layout/reftests/css-animations/stacking-context-animation-ref.html extra : rebase_source : 0d9c8d9e03ca0d400e9b376b9416fbabffd10034 2016-06-27 06:52:53 +03:00			`<title>`
			`Transform animation creates a stacking context even though it has only`
			`'transform:none' keyframes`
			`</title>`
Bug 1273042 - Part 3: Reftest for checking transform:none animations create a stacking context. r=birtles This patch has two test cases one if for CSS animations and one is for web animations. For CSS animations test cases: @keyframes { from, to { transform: none; } } For web animtions test cases, the target element is appended after animate(). MozReview-Commit-ID: Gy1sY41jV7G 2016-06-01 10:24:34 +03:00			`<style>`
			`span {`
			`height: 100px;`
			`width: 100px;`
			`position: fixed;`
			`background: green;`
			`top: 50px;`
			`}`
			`@keyframes TransformNone {`
			`from, to { transform: none }`
			`}`
			`#test {`
			`width: 100px; height: 100px;`
			`background: blue;`
			`animation: TransformNone 100s infinite;`
			`}`
			`</style>`
			`<span></span>`
			`<div id="test"></div>`