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

Don't scroll background and borders of overflow:scroll blocks

Browse source 
We want them to be children of the parent scrolling root instead of the
scrolling root of the particular block they belong to. Also, we adjust
the scroll root to only include the content region.
This commit is contained in:
Martin Robinson 2016-11-28 13:10:56 +01:00
parent a0619688a6
commit f090d00c09
5 changed files with 85 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -6414,6 +6414,18 @@
"url": "/_mozilla/mozilla/iframe/resize_after_load.html"
}
],
"mozilla/scrolling_div_background_borders.html": [
{
"path": "mozilla/scrolling_div_background_borders.html",
"references": [
[
"/_mozilla/mozilla/scrolling_div_background_borders_ref.html",
"=="
]
],
"url": "/_mozilla/mozilla/scrolling_div_background_borders.html"
}
],
"mozilla/simple_scroll_to_fragment.html": [
{
"path": "mozilla/simple_scroll_to_fragment.html",
@ -21444,6 +21456,18 @@
"url": "/_mozilla/mozilla/iframe/resize_after_load.html"
}
],
"mozilla/scrolling_div_background_borders.html": [
{
"path": "mozilla/scrolling_div_background_borders.html",
"references": [
[
"/_mozilla/mozilla/scrolling_div_background_borders_ref.html",
"=="
]
],
"url": "/_mozilla/mozilla/scrolling_div_background_borders.html"
}
],
"mozilla/simple_scroll_to_fragment.html": [
{
"path": "mozilla/simple_scroll_to_fragment.html",

25
tests/wpt/mozilla/tests/mozilla/scrolling_div_background_borders.html Normal file
View file

@ -0,0 +1,25 @@
<!doctype html>
<meta charset="utf-8">
<title>Background and borders of scrolling div should not scroll</title>
<link rel="match" href="scrolling_div_background_borders_ref.html">
<body>
<style>
#scroller {
background: url('scrolling_div_background_borders_background.png'), green;
height: 100px;
width: 100px;
overflow: scroll;
border: solid blue 10px;
}
</style>
<!-- We are testing that background and borders don't scroll with the content
and that the content doesn't overlap the borders when it scrolls. -->
<div id="scroller">
<div style="width: 100px; height: 200px; background: green;"></div>
</div>
<script>
document.getElementById("scroller").scrollTop = 100;
</script>
</body>

BIN
tests/wpt/mozilla/tests/mozilla/scrolling_div_background_borders_background.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 366 B

13
tests/wpt/mozilla/tests/mozilla/scrolling_div_background_borders_ref.html Normal file
View file

@ -0,0 +1,13 @@
<!doctype html>
<meta charset="utf-8">
<body>
<style>
#box {
background: green;
height: 100px;
width: 100px;
border: solid blue 10px;
}
</style>
<div id="box"></div>
</body>