blob: ab0c91563e8a7aee33e58f12455bd6d4cb550cff [file] [log] [blame]
<style>
#target[foo] { color: green; }
</style>
<div id="container">
<div>
<img src="x-invalid:" alt="Some wide text">
<div id="target">
This should be green, with a wide broken image above.
</div>
</div>
</div>
<div id="result"></div>
<script>
onload = function() {
if (window.testRunner)
testRunner.dumpAsText();
document.body.offsetTop;
var container = document.getElementById("container");
container.style.display = "none";
document.body.offsetTop;
container.style.removeProperty("display");
document.body.offsetTop;
var target = document.getElementById("target");
target.setAttribute("foo", "");
document.body.offsetTop;
var result = document.getElementById("result");
result.innerText = getComputedStyle(target).color === "rgb(0, 128, 0)" ? "PASS" : "FAIL";
}
</script>