Auto merge of #15730 - emilio:adjust-float, r=SimonSapin

style: Adjust float if the element is positioned per CSS 2.1 section 9.7

We've found crashes related to this in Gecko.

r? @simonsapin or @heycam

<!-- Reviewable:start -->
---
This change is [<img src="https://reviewable.io/review_button.svg" height="34" align="absmiddle" alt="Reviewable"/>](https://reviewable.io/reviews/servo/servo/15730)
<!-- Reviewable:end -->
This commit is contained in:
bors-servo 2017-02-25 12:23:36 -08:00 committed by GitHub
commit eb281531f8
3 changed files with 47 additions and 4 deletions

View file

@ -11036,6 +11036,12 @@
{}
]
],
"css/float-abspos.html": [
[
"/_mozilla/css/float-abspos.html",
{}
]
],
"css/float_relative_to_position.html": [
[
"/_mozilla/css/float_relative_to_position.html",
@ -20895,6 +20901,10 @@
"2712a0a76b5eeb4d0f2b4a45277d04791a8ff206",
"support"
],
"css/float-abspos.html": [
"d34a9ce0be290bc3c46aa80eb136a91460957346",
"testharness"
],
"css/float_clearance_a.html": [
"372652bf4c345098f864cfc52ad0fb274308b22c",
"reftest"

View file

@ -0,0 +1,20 @@
<!doctype html>
<meta charset="utf-8">
<title>A positioned element's float value computes to "none"</title>
<link rel="help" href="https://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo">
<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<div id="test" style="float: left"></div>
<script>
test(function() {
var elem = document.getElementById('test');
assert_equals(getComputedStyle(elem).float, "left");
elem.style.position = "absolute";
assert_equals(getComputedStyle(elem).float, "none");
elem.style.position = "";
assert_equals(getComputedStyle(elem).float, "left");
elem.style.position = "fixed";
assert_equals(getComputedStyle(elem).float, "none");
}, "A positioned element's float value computes to none");
</script>