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

layout: Don't try to vertically align absolutely positioned children of

Browse source 
table rows.

Improves http://reddit.com/r/aww.
This commit is contained in:
Patrick Walton 2016-10-12 16:54:12 -07:00
parent 781a077145
commit 18cf103ee0
4 changed files with 111 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -5232,6 +5232,18 @@
"url": "/_mozilla/css/table_valign_presentational_hint_a.html"
}
],
"css/table_vertical_align_absolute_a.html": [
{
"path": "css/table_vertical_align_absolute_a.html",
"references": [
[
"/_mozilla/css/table_vertical_align_absolute_ref.html",
"=="
]
],
"url": "/_mozilla/css/table_vertical_align_absolute_a.html"
}
],
"css/table_vertical_align_margin_padding.html": [
{
"path": "css/table_vertical_align_margin_padding.html",
@ -19038,6 +19050,18 @@
"url": "/_mozilla/css/table_valign_presentational_hint_ref.html"
}
],
"css/table_vertical_align_absolute_a.html": [
{
"path": "css/table_vertical_align_absolute_a.html",
"references": [
[
"/_mozilla/css/table_vertical_align_absolute_ref.html",
"=="
]
],
"url": "/_mozilla/css/table_vertical_align_absolute_a.html"
}
],
"css/table_vertical_align_margin_padding.html": [
{
"path": "css/table_vertical_align_margin_padding.html",

24
tests/wpt/mozilla/tests/css/table_vertical_align_absolute_a.html Normal file
View file

@ -0,0 +1,24 @@
<!DOCTYPE html>
<meta charset="utf-8">
<link rel="match" href="table_vertical_align_absolute_ref.html">
<style>
body, html {
margin: 0;
}
tr {
vertical-align: bottom;
height: 300px;
}
tr::after {
content: "";
display: block;
position: absolute;
background: blue;
top: 0;
left: 0;
width: 100px;
height: 100px;
}
</style>
<table><tr><td>

18
tests/wpt/mozilla/tests/css/table_vertical_align_absolute_ref.html Normal file
View file

@ -0,0 +1,18 @@
<!DOCTYPE html>
<meta charset="utf-8">
<style>
body, html {
margin: 0;
}
div {
position: absolute;
background: blue;
top: 0;
left: 0;
width: 100px;
height: 100px;
}
</style>
<div>