forked from mirrors/gecko-dev
a8cfb8a96f
Captions should be relatively-positioned (other browsers support this as well). This ensures we correctly save their normal positions and thus that the sticky scroll container knows how to reposition them correctly. Avoid registering inner table frames with the sticky scroll container to make the assertion sound in cases of sticky-positioned tables. Differential Revision: https://phabricator.services.mozilla.com/D147092
43 lines
889 B
HTML
43 lines
889 B
HTML
<!DOCTYPE html>
|
|
<title>position:relative should work on table captions</title>
|
|
<link rel="match" href="position-relative-table-top-ref.html" />
|
|
<link rel="help" href="https://www.w3.org/TR/css-position-3/#rel-pos" />
|
|
<meta name="assert" content="This test checks that the position:relative top constraint behaves correctly for <caption> elements">
|
|
<style>
|
|
table {
|
|
border-collapse:collapse;
|
|
}
|
|
|
|
caption {
|
|
width: 50px;
|
|
height: 50px;
|
|
position: relative;
|
|
top: 100px;
|
|
background-color: green;
|
|
}
|
|
|
|
.group {
|
|
position: relative;
|
|
display: inline-block;
|
|
height: 200px;
|
|
}
|
|
|
|
.indicator {
|
|
position: absolute;
|
|
background-color: red;
|
|
left: 0;
|
|
top: 100px;
|
|
height: 50px;
|
|
width: 50px;
|
|
}
|
|
</style>
|
|
|
|
<div class="group">
|
|
<div class="indicator"></div>
|
|
<table>
|
|
<caption></caption>
|
|
</table>
|
|
</div>
|
|
|
|
<div>You should see a green box above. No red should be visible.</div>
|
|
|