Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-13 01:15:34 +01:00
Code Issues Projects Releases Packages Wiki Activity

Allow floats to impact list item marker position

Browse source 
Although not required by the specification, this matches the rendering
of Gecko and Blink.

Fixes #19796.
This commit is contained in:
Jon Leighton 2018-01-24 12:24:45 +01:00
parent 2024ef56b0
commit 84713df622
4 changed files with 134 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

25
tests/wpt/mozilla/meta/MANIFEST.json
View file

@ -3887,6 +3887,18 @@
{}
]
],
"css/list_item_marker_around_float.html": [
[
"/_mozilla/css/list_item_marker_around_float.html",
[
[
"/_mozilla/css/list_item_marker_around_float_ref.html",
"=="
]
],
{}
]
],
"css/list_item_overflow.html": [
[
"/_mozilla/css/list_item_overflow.html",
@ -9538,6 +9550,11 @@
{}
]
],
"css/list_item_marker_around_float_ref.html": [
[
{}
]
],
"css/list_item_overflow_ref.html": [
[
{}
@ -63573,6 +63590,14 @@
"958f9315c950502cdadb2297e1ab77e197774113",
"support"
],
"css/list_item_marker_around_float.html": [
"1023fced99e1181fadce849978c4e111da8ad4aa",
"reftest"
],
"css/list_item_marker_around_float_ref.html": [
"1c13844df9055d73a8421ca3f8398cb4c289c44e",
"support"
],
"css/list_item_overflow.html": [
"a8aeb2070bb26c8bf1344a8fdb2bc84d8a60a5b4",
"reftest"

22
tests/wpt/mozilla/tests/css/list_item_marker_around_float.html Normal file
View file

@ -0,0 +1,22 @@
<!doctype html>
<meta charset="utf-8">
<link rel="match" href="list_item_marker_around_float_ref.html">
<style>
#float {
float: left;
height: 50px;
width: 200px;
}
</style>
<div id="float">
</div>
<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
</ul>

35
tests/wpt/mozilla/tests/css/list_item_marker_around_float_ref.html Normal file
View file

@ -0,0 +1,35 @@
<!doctype html>
<meta charset="utf-8">
<style>
#float {
float: left;
height: 50px;
width: 200px;
}
li {
list-style-type: none;
}
.wrap {
display: inline-block;
position: relative;
}
.marker {
position: absolute;
right: 100%;
}
</style>
<div id="float">
</div>
<ul>
<li><div class="wrap"><span class="marker">•&nbsp;</span>One</div></li>
<li><div class="wrap"><span class="marker">•&nbsp;</span>Two</div></li>
<li><div class="wrap"><span class="marker">•&nbsp;</span>Three</div></li>
<li><div class="wrap"><span class="marker">•&nbsp;</span>Four</div></li>
<li><div class="wrap"><span class="marker">•&nbsp;</span>Five</div></li>
</ul>