mirror of
https://github.com/servo/servo.git
synced 2025-10-01 09:09:15 +01:00
Auto merge of #8306 - glennw:fix-abd-overflow, r=pcwalton
Change overflow calculation to be calculated after compute_absolute_position. Also include absolutely positioned elements in the overflow rect calculation. Fixes #7797. <!-- Reviewable:start --> [<img src="https://reviewable.io/review_button.png" height=40 alt="Review on Reviewable"/>](https://reviewable.io/reviews/servo/servo/8306) <!-- Reviewable:end -->
This commit is contained in:
commit
ca56ebbb09
10 changed files with 75 additions and 105 deletions
|
@ -15,6 +15,18 @@
|
|||
"deleted": [],
|
||||
"items": {
|
||||
"reftest": {
|
||||
"css/abs-overflow-stackingcontext.html": [
|
||||
{
|
||||
"path": "css/abs-overflow-stackingcontext.html",
|
||||
"references": [
|
||||
[
|
||||
"/_mozilla/css/abs-overflow-stackingcontext_ref.html",
|
||||
"=="
|
||||
]
|
||||
],
|
||||
"url": "/_mozilla/css/abs-overflow-stackingcontext.html"
|
||||
}
|
||||
],
|
||||
"css/abs_float_pref_width.html": [
|
||||
{
|
||||
"path": "css/abs_float_pref_width.html",
|
||||
|
@ -4804,6 +4816,18 @@
|
|||
}
|
||||
},
|
||||
"reftest_nodes": {
|
||||
"css/abs-overflow-stackingcontext.html": [
|
||||
{
|
||||
"path": "css/abs-overflow-stackingcontext.html",
|
||||
"references": [
|
||||
[
|
||||
"/_mozilla/css/abs-overflow-stackingcontext_ref.html",
|
||||
"=="
|
||||
]
|
||||
],
|
||||
"url": "/_mozilla/css/abs-overflow-stackingcontext.html"
|
||||
}
|
||||
],
|
||||
"css/abs_float_pref_width.html": [
|
||||
{
|
||||
"path": "css/abs_float_pref_width.html",
|
||||
|
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<link rel='match' href='abs-overflow-stackingcontext_ref.html'>
|
||||
<style>
|
||||
html, body {
|
||||
margin: 0;
|
||||
perspective: 1000px;
|
||||
}
|
||||
|
||||
div {
|
||||
position: absolute;
|
||||
top: 25vh;
|
||||
left: 25vw;
|
||||
width: 50vw;
|
||||
height: 50vh;
|
||||
background-color: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
html, body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div {
|
||||
position: absolute;
|
||||
top: 25vh;
|
||||
left: 25vw;
|
||||
width: 50vw;
|
||||
height: 50vh;
|
||||
background-color: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
Loading…
Add table
Add a link
Reference in a new issue