servo/tests/html/overflow_scroll_relative_position.html
Patrick Walton 1e884ddc69 layout: Allow non-absolutely-positioned elements with overflow: scroll
set to be scrolled.

This makes them establish stacking contexts, which is a CSS 2.1 spec
violation. However, we were already violating the spec here for
absolutely-positioned elements with `overflow: scroll`. It will probably
be easier to fix this spec violation once we either switch entirely to
WebRender or we have multiple layers per stacking context.

Closes #2742.
2016-04-06 17:58:47 -07:00

38 lines
677 B
HTML

<html>
<head>
<link rel=match href=overflow_simple_b.html>
<style>
#first {
height: 100px;
width: 100px;
overflow: scroll;
position: relative;
}
#second {
position: absolute;
height: 100px;
width: 90px;
top: 0;
left: 0;
background: green;
}
#third {
position: absolute;
height: 100px;
width: 110px;
top: 0;
left: 90px;
background: orange;
}
</style>
</head>
<body>
This element should be scrollable.
<div id="first">
<div id="second">
</div>
<div id="third">
</div>
</div>
</body>
</html>