Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-06-06 16:45:39 +00:00
Code Issues Projects Releases Packages Wiki Activity

Make inline elements work in fullscreen mode

Browse source
This commit is contained in:
Fernando Jiménez Moreno 2019-09-05 17:08:30 +02:00
parent f4fbf1b8a1
commit aa0c05574c
4 changed files with 91 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

4
components/layout/construct.rs
View file

@ -1878,7 +1878,9 @@ where
// Inline items that are absolutely-positioned contribute inline fragment construction // Inline items that are absolutely-positioned contribute inline fragment construction
// results with a hypothetical fragment. // results with a hypothetical fragment.
(Display::Inline, _, Position::Absolute) | (Display::Inline, _, Position::Absolute) |
(Display::InlineBlock, _, Position::Absolute) => { (Display::Inline, _, Position::Fixed) |
(Display::InlineBlock, _, Position::Absolute) |
(Display::InlineBlock, _, Position::Fixed) => {
let construction_result = let construction_result =
self.build_fragment_for_absolutely_positioned_inline(node); self.build_fragment_for_absolutely_positioned_inline(node);
self.set_flow_construction_result(node, construction_result) self.set_flow_construction_result(node, construction_result)

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

@ -1,5 +1,11 @@
{ {
"items": { "items": {
"conformancechecker": {
"css/blockify_inline_element.html": []
},
"manual": {
"css/blockify_inline_element.html": []
},
"reftest": { "reftest": {
"css/abs-overflow-stackingcontext.html": [ "css/abs-overflow-stackingcontext.html": [
[ [
@ -779,6 +785,18 @@
{} {}
] ]
], ],
"css/blockify_inline_element.html": [
[
"css/blockify_inline_element.html",
[
[
"/_mozilla/css/blockify_inline_element_ref.html",
"=="
]
],
{}
]
],
"css/blur_a.html": [ "css/blur_a.html": [
[ [
"css/blur_a.html", "css/blur_a.html",
@ -7640,6 +7658,9 @@
] ]
] ]
}, },
"stub": {
"css/blockify_inline_element.html": []
},
"support": { "support": {
".gitignore": [ ".gitignore": [
[] []
@ -7866,6 +7887,10 @@
"css/block_replaced_content_ref.html": [ "css/block_replaced_content_ref.html": [
[] []
], ],
"css/blockify_inline_element.html": [],
"css/blockify_inline_element_ref.html": [
[]
],
"css/blur_ref.html": [ "css/blur_ref.html": [
[] []
], ],
@ -11096,6 +11121,7 @@
{} {}
] ]
], ],
"css/blockify_inline_element.html": [],
"css/bug_1345483.html": [ "css/bug_1345483.html": [
[ [
"css/bug_1345483.html", "css/bug_1345483.html",
@ -12515,6 +12541,12 @@
{} {}
] ]
] ]
},
"visual": {
"css/blockify_inline_element.html": []
},
"wdspec": {
"css/blockify_inline_element.html": []
} }
}, },
"paths": { "paths": {
@ -13942,6 +13974,14 @@
"4d48d763eb784170f680276541d864681a05962b", "4d48d763eb784170f680276541d864681a05962b",
"support" "support"
], ],
"css/blockify_inline_element.html": [
"7f9da081c8e246c7d72a85ecfd129a5ddc56e07a",
"reftest"
],
"css/blockify_inline_element_ref.html": [
"ad88ac2f3f7e4b56a3781e61655dc580806fc4cd",
"support"
],
"css/blur_a.html": [ "css/blur_a.html": [
"a75af6a020711df2b97caa6b32f4d3cc445d1178", "a75af6a020711df2b97caa6b32f4d3cc445d1178",
"reftest" "reftest"

25
tests/wpt/mozilla/tests/css/blockify_inline_element.html Normal file
View file

@ -0,0 +1,25 @@
<!doctype html>
<meta charset="utf-8">
<title>Blockify inline/inline-block elements</title>
<link rel="match" href="blockify_inline_element_ref.html">
<style>
span {
width: 50px;
height: 50px;
position: fixed;
}
.blue {
display: inline;
top: 0;
left: 0;
background: blue;
}
.red {
display: inline-block;
top: 50;
left: 0;
background: red;
}
</style>
<span class="blue"></span>
<div><span class="red"></span></div>

23
tests/wpt/mozilla/tests/css/blockify_inline_element_ref.html Normal file
View file

@ -0,0 +1,23 @@
<!doctype html>
<meta charset="utf-8">
<title>Blockify inline/inline-block element</title>
<style>
span {
display: block;
position: fixed;
width: 50px;
height: 50px;
}
.blue {
top: 0;
left: 0;
background: blue;
}
.red {
top: 50;
left: 0;
background: red;
}
</style>
<span class="blue"></span>
<span class="red"></span>