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

Use real clips when generating scroll roots

Browse source 
This is the first step toward removing inherited clips in favor of
scroll roots for handling overflow and CSS clipping. This will allow us
to more easily handle elements that should not be clipped. While we are
still using inherited clips here, we now properly clip some types of
content that wasn't clipped before.
This commit is contained in:
Martin Robinson 2017-04-06 14:43:29 +02:00
parent 21eafebd37
commit 0353aad4e3
6 changed files with 134 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -4079,6 +4079,18 @@
{}
]
],
"css/overflow_border_radius.html": [
[
"/_mozilla/css/overflow_border_radius.html",
[
[
"/_mozilla/css/overflow_border_radius_ref.html",
"=="
]
],
{}
]
],
"css/overflow_position_abs_inline_block.html": [
[
"/_mozilla/css/overflow_position_abs_inline_block.html",
@ -8415,6 +8427,11 @@
{}
]
],
"css/overflow_border_radius_ref.html": [
[
{}
]
],
"css/overflow_position_abs_inline_block_ref.html": [
[
{}
@ -22689,6 +22706,14 @@
"195201950fd56bd139e71971d66f92ee4fef815d",
"support"
],
"css/overflow_border_radius.html": [
"2c8a650f518ccff78517556540416f7e0e798033",
"reftest"
],
"css/overflow_border_radius_ref.html": [
"3798d0efb1b9858ad47ecf6f09357c3c0dae1b80",
"support"
],
"css/overflow_position_abs_inline_block.html": [
"7550f9c9f3e91635c15554d9ae21e172944054e6",
"reftest"

36
tests/wpt/mozilla/tests/css/overflow_border_radius.html Normal file
View file

@ -0,0 +1,36 @@
<!doctype html>
<html>
<meta charset="utf-8">
<title>Test to ensure that clipped overflow is clipped to border radius</title>
<link rel="match" href="overflow_border_radius_ref.html">
<body>
<style>
.box {
width: 50px;
height: 50px;
border-radius: 20px;
border: 5px transparent solid;
margin-right: 10px;
float: left;
}
.overflowingbox {
margin-left: -25px;
margin-top: -25px;
width: 100px;
height: 100px;
background: gray;
}
</style>
<div class="box border" style="overflow: auto;">
<div class="overflowingbox"></div>
</div>
<div class="box border" style="overflow: scroll;">
<div class="overflowingbox"></div>
</div>
</body>
</html>

26
tests/wpt/mozilla/tests/css/overflow_border_radius_ref.html Normal file
View file

@ -0,0 +1,26 @@
<!doctype html>
<html>
<meta charset="utf-8">
<title></title>
<body>
<style>
.box {
width: 50px;
height: 50px;
margin-left: 5px;
margin-top: 5px;
border-radius: 15px;
background: gray;
float: left;
margin-right: 15px;
}
</style>
<div class="box"></div>
<div class="box"></div>
</body>
</html>