35 lines
967 B
HTML
35 lines
967 B
HTML
<style>
|
|
input {
|
|
transition: margin 1s, background 200ms;
|
|
}
|
|
</style>
|
|
<body>
|
|
Tests that transitions don't trigger due to intrinsic margins.
|
|
<input type="submit" value="Button"></input>
|
|
<script>
|
|
if (window.testRunner) {
|
|
testRunner.dumpAsText();
|
|
testRunner.waitUntilDone();
|
|
}
|
|
onload = function() {
|
|
var finished = false;
|
|
var target = document.querySelector('input');
|
|
var marginBefore = getComputedStyle(target).margin;
|
|
target.offsetTop;
|
|
target.style.background = 'green';
|
|
// The background transition should finish before any transition on margin.
|
|
target.addEventListener('transitionend', function() {
|
|
if (finished)
|
|
return;
|
|
finished = true;
|
|
var marginAfter = getComputedStyle(target).margin
|
|
document.body.textContent = marginBefore == marginAfter ?
|
|
'PASS' :
|
|
'FAIL: expected [' + marginBefore + '] but was [' + marginAfter + ']';
|
|
if (window.testRunner) {
|
|
testRunner.notifyDone();
|
|
}
|
|
});
|
|
};
|
|
</script>
|