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

Auto merge of #8376 - mrobinson:fix-inlines, r=pcwalton

Browse source 
Properly make stacking contexts for inlines

Instead of making a stacking context out of inline fragments parent
flow, make the inline fragment itself the stacking context. This fixes
positioning and rendering of these sort of fragments and prevents
over-layerization.

Fixes #7424.
Fixes #5812.

<!-- Reviewable:start -->
[<img src="https://reviewable.io/review_button.png" height=40 alt="Review on Reviewable"/>](https://reviewable.io/reviews/servo/servo/8376)
<!-- Reviewable:end -->
This commit is contained in:
bors-servo 2015-11-12 12:26:39 +05:30
commit efc31e619d
4 changed files with 123 additions and 58 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -2063,6 +2063,18 @@
"url": "/_mozilla/css/inline_padding_a.html"
}
],
"css/inline_stacking_context.html": [
{
"path": "css/inline_stacking_context.html",
"references": [
[
"/_mozilla/css/inline_stacking_context_ref.html",
"=="
]
],
"url": "/_mozilla/css/inline_stacking_context.html"
}
],
"css/inline_text_align_a.html": [
{
"path": "css/inline_text_align_a.html",
@ -7152,6 +7164,18 @@
"url": "/_mozilla/css/inline_padding_a.html"
}
],
"css/inline_stacking_context.html": [
{
"path": "css/inline_stacking_context.html",
"references": [
[
"/_mozilla/css/inline_stacking_context_ref.html",
"=="
]
],
"url": "/_mozilla/css/inline_stacking_context.html"
}
],
"css/inline_text_align_a.html": [
{
"path": "css/inline_text_align_a.html",
@ -9594,4 +9618,4 @@
"rev": null,
"url_base": "/_mozilla/",
"version": 2
}
}

14
tests/wpt/mozilla/tests/css/inline_stacking_context.html Normal file
View file

@ -0,0 +1,14 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Inline stacking context positioned correctly</title>
<link rel=match href="inline_stacking_context_ref.html">
</head>
<body>
<div style="font-size: 25px">
<span style="color: transparent;"><img src="100x100_green.png"></span>
<img style="filter: blur(0px);" src="100x100_green.png">
</div>
</body>
</html>

12
tests/wpt/mozilla/tests/css/inline_stacking_context_ref.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<div style="font-size: 25px">
<span style="color: transparent;"><img src="100x100_green.png"></span>
<img src="100x100_green.png">
</div>
</body>
</html>