mirror of
https://github.com/servo/servo.git
synced 2025-09-07 21:48:21 +01:00
Auto merge of #29850 - servo:css-viewport-removal, r=mrobinson
CSS viewport removal It was removed from the spec and it's disabled everywhere. This also removes the meta viewport support (which was implemented on top), but that also had a single test and is disabled everywhere, so I'm not too concerned, it can be implemented again if / when needed. - [x] `./mach build -d` does not report any errors - [x] `./mach test-tidy` does not report any errors - [x] These changes fix #26349 - [x] There are tests for these changes
This commit is contained in:
commit
3f7e5b15f8
34 changed files with 35 additions and 1139 deletions
|
@ -1,3 +0,0 @@
|
|||
[meta_viewport_resize.html]
|
||||
type: testharness
|
||||
prefs: [layout.viewport.enabled:true]
|
|
@ -1,3 +0,0 @@
|
|||
prefs: [layout.viewport.enabled:true]
|
||||
[viewport_meta.html]
|
||||
type: reftest
|
|
@ -1,3 +0,0 @@
|
|||
prefs: [layout.viewport.enabled:true]
|
||||
[viewport_rule.html]
|
||||
type: reftest
|
|
@ -6910,21 +6910,6 @@
|
|||
{}
|
||||
]
|
||||
],
|
||||
"viewport_meta.html": [
|
||||
"69c57539ec5076335582a4c40fc19886b6d2620f",
|
||||
[
|
||||
null,
|
||||
[
|
||||
[
|
||||
"/_mozilla/css/viewport_rule_ref.html",
|
||||
"=="
|
||||
]
|
||||
],
|
||||
{
|
||||
"viewport_size": "800x600"
|
||||
}
|
||||
]
|
||||
],
|
||||
"viewport_percentage_vmin_vmax_a.html": [
|
||||
"903e4ea87426e2909ee0e2b683d6f097683f5c81",
|
||||
[
|
||||
|
@ -6985,21 +6970,6 @@
|
|||
}
|
||||
]
|
||||
],
|
||||
"viewport_rule.html": [
|
||||
"09d9c72a1651adf01cb14651c0eae4c5a563e682",
|
||||
[
|
||||
null,
|
||||
[
|
||||
[
|
||||
"/_mozilla/css/viewport_rule_ref.html",
|
||||
"=="
|
||||
]
|
||||
],
|
||||
{
|
||||
"viewport_size": "800x600"
|
||||
}
|
||||
]
|
||||
],
|
||||
"visibility_hidden.html": [
|
||||
"95dbf18a0eacacb7162ab220f0d08113745efa14",
|
||||
[
|
||||
|
@ -9373,10 +9343,6 @@
|
|||
"4fe2cd7165aa4832ac91493bc376b8cb3df84ab5",
|
||||
[]
|
||||
],
|
||||
"meta_viewport_resize_iframe.html": [
|
||||
"86de04da1bdc3b72e52e8f17964389a6779d7456",
|
||||
[]
|
||||
],
|
||||
"min_max_height_b.html": [
|
||||
"8723d65b2585b02664f01b84d1fda328321fc412",
|
||||
[]
|
||||
|
@ -10231,10 +10197,6 @@
|
|||
"488c1aada28cc3ab41e7a6d63d3f4e5b950b1f35",
|
||||
[]
|
||||
],
|
||||
"viewport_ignore_desktop.html.ini": [
|
||||
"696f7ab3ac81362267fa882303d687cbffe454df",
|
||||
[]
|
||||
],
|
||||
"viewport_ignore_desktop_ref.html": [
|
||||
"149d364517b397c14628550e5af1c7fa37c84e90",
|
||||
[]
|
||||
|
@ -10247,10 +10209,6 @@
|
|||
"07146c46a08ffe5c5e1bfd0ac451242202e93397",
|
||||
[]
|
||||
],
|
||||
"viewport_rule_ref.html": [
|
||||
"4c7be62919ac9cd9dd65861637bf10c958595e0d",
|
||||
[]
|
||||
],
|
||||
"visibility_hidden_ref.html": [
|
||||
"8f0a447ccb8175a8278438537e7597ad5116393b",
|
||||
[]
|
||||
|
@ -12564,13 +12522,6 @@
|
|||
{}
|
||||
]
|
||||
],
|
||||
"meta_viewport_resize.html": [
|
||||
"7cde945198d744559f65b9a2cfb473cd02550e40",
|
||||
[
|
||||
null,
|
||||
{}
|
||||
]
|
||||
],
|
||||
"offset_properties_inline.html": [
|
||||
"44eaa4490fc515f203c3062476121f94b4337d78",
|
||||
[
|
||||
|
@ -13480,7 +13431,7 @@
|
|||
]
|
||||
],
|
||||
"interfaces.html": [
|
||||
"b58b16ca333f9e00afade02c2ac60689ee7eef3a",
|
||||
"995631527b5ab6ad2001a97574d4114576064299",
|
||||
[
|
||||
null,
|
||||
{}
|
||||
|
|
|
@ -1,2 +0,0 @@
|
|||
[viewport_meta.html]
|
||||
expected: FAIL
|
|
@ -1,2 +0,0 @@
|
|||
[viewport_rule.html]
|
||||
expected: FAIL
|
|
@ -1,33 +0,0 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Resizing the initial containing block dynamically with <meta name="viewport">
|
||||
https://github.com/servo/servo/issues/8443</title>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script>
|
||||
async_test(function(t) {
|
||||
var step2 = function() {
|
||||
var iframe = document.getElementsByTagName("iframe")[0];
|
||||
var body_style = iframe.contentWindow.getComputedStyle(iframe.contentDocument.body);
|
||||
if (body_style.width === "500px") {
|
||||
t.done();
|
||||
} else {
|
||||
window.requestAnimationFrame(step2);
|
||||
}
|
||||
};
|
||||
|
||||
var step1 = function() {
|
||||
var iframe = document.getElementsByTagName("iframe")[0];
|
||||
var body_style = iframe.contentWindow.getComputedStyle(iframe.contentDocument.body);
|
||||
if (body_style.width === "400px") {
|
||||
iframe.width = 500;
|
||||
window.requestAnimationFrame(step2);
|
||||
} else {
|
||||
window.requestAnimationFrame(step1);
|
||||
}
|
||||
};
|
||||
|
||||
window.run = step1;
|
||||
}, "<body> inside <iframe> has the <iframe>’s width");
|
||||
</script>
|
||||
<iframe src="meta_viewport_resize_iframe.html" onload="run()" width=400></iframe>
|
|
@ -1,4 +0,0 @@
|
|||
<meta name="viewport" content="initial-scale=1.0">
|
||||
<body style="margin: 0">
|
||||
Test
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
prefs: ["layout.viewport.enabled:false"]
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<link rel=match href=viewport_rule_ref.html>
|
||||
<meta name=viewport-size content=800x600>
|
||||
<meta name="viewport" content="width=240">
|
||||
<style>
|
||||
#container {
|
||||
background: blue;
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
#box {
|
||||
background: green;
|
||||
height: 50vh;
|
||||
width: 50vw;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<div id="box">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -1,31 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<link rel=match href=viewport_rule_ref.html>
|
||||
<meta name=viewport-size content=800x600>
|
||||
<style>
|
||||
@viewport {
|
||||
height: auto;
|
||||
width: 240px;
|
||||
}
|
||||
|
||||
#container {
|
||||
background: blue;
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
#box {
|
||||
background: green;
|
||||
height: 50vh;
|
||||
width: 50vw;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<div id="box">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -1,24 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
#container {
|
||||
background: blue;
|
||||
height: 180px;
|
||||
width: 240px;
|
||||
}
|
||||
|
||||
#box {
|
||||
background: green;
|
||||
height: 90px;
|
||||
width: 120px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<div id="box">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -54,7 +54,6 @@ test_interfaces([
|
|||
"CSSStyleRule",
|
||||
"CSSStyleSheet",
|
||||
"CSSSupportsRule",
|
||||
"CSSViewportRule",
|
||||
"DOMMatrix",
|
||||
"DOMMatrixReadOnly",
|
||||
"DOMPoint",
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue