| Index: LayoutTests/fullscreen/rendering/ua-style-override.html
|
| diff --git a/LayoutTests/fullscreen/rendering/ua-style-override.html b/LayoutTests/fullscreen/rendering/ua-style-override.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..8668cd5102884f23054b2bdb23d35c4ae844df99
|
| --- /dev/null
|
| +++ b/LayoutTests/fullscreen/rendering/ua-style-override.html
|
| @@ -0,0 +1,59 @@
|
| +<!DOCTYPE html>
|
| +<title>Fullscreen UA style sheet cannot be overriden by author style</title>
|
| +<script src="../../resources/testharness.js"></script>
|
| +<script src="../../resources/testharnessreport.js"></script>
|
| +<script src="../trusted-event.js"></script>
|
| +<style>
|
| +#test {
|
| + /* Override everything which is !important in the UA style sheet. */
|
| + position: relative !important;
|
| + top: auto !important;
|
| + right: auto !important;
|
| + bottom: auto !important;
|
| + left: auto !important;
|
| + margin: 10px !important;
|
| + box-sizing: content-box !important;
|
| + min-width: 50% !important;
|
| + max-width: 50% !important;
|
| + min-height: 50% !important;
|
| + max-height: 50% !important;
|
| + width: 50% !important;
|
| + height: 50% !important;
|
| + object-fit: none !important;
|
| + transform: translate(0, 0) !important;
|
| +}
|
| +</style>
|
| +<div id="log"></div>
|
| +<div id="test"></div>
|
| +<script>
|
| +async_test(function()
|
| +{
|
| + var div = document.getElementById("test");
|
| +
|
| + // Sanity-check that the overriden style initially applies.
|
| + assert_equals(getComputedStyle(div).position, "relative");
|
| +
|
| + document.addEventListener("fullscreenchange", this.step_func_done(function()
|
| + {
|
| + var style = getComputedStyle(div);
|
| + // All properties should now match the UA style sheet.
|
| + assert_equals(style.position, "fixed");
|
| + assert_equals(style.top, "0px");
|
| + assert_equals(style.right, "0px");
|
| + assert_equals(style.bottom, "0px");
|
| + assert_equals(style.left, "0px");
|
| + assert_equals(style.margin, "0px");
|
| + assert_equals(style.boxSizing, "border-box");
|
| + assert_equals(style.minWidth, "0px");
|
| + assert_equals(style.maxWidth, "none");
|
| + assert_equals(style.minHeight, "0px");
|
| + assert_equals(style.maxHeight, "none");
|
| + assert_equals(style.width, window.innerWidth + "px");
|
| + assert_equals(style.height, window.innerHeight + "px");
|
| + assert_equals(style.objectFit, "contain");
|
| + assert_equals(style.transform, "none");
|
| + }));
|
| +
|
| + trusted_request(div);
|
| +});
|
| +</script>
|
|
|
Chromium Code Reviews
Issue 974783002:
Match the Fullscreen spec's CSS as far as currently practical (Closed)
Base URL: svn://svn.chromium.org/blink/trunk