Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1796)

Unified Diff: third_party/WebKit/LayoutTests/dialog/top-layer-containing-block.html

Issue 2671603003: Move DIALOG element tests to html/dialog/. (Closed)
Patch Set: Created 3 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/LayoutTests/dialog/top-layer-containing-block.html
diff --git a/third_party/WebKit/LayoutTests/dialog/top-layer-containing-block.html b/third_party/WebKit/LayoutTests/dialog/top-layer-containing-block.html
deleted file mode 100644
index 7c3f5efd8dc439aaa844304ad22251f5d62472aa..0000000000000000000000000000000000000000
--- a/third_party/WebKit/LayoutTests/dialog/top-layer-containing-block.html
+++ /dev/null
@@ -1,37 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-<style>
-::backdrop {
- display: none;
-}
-</style>
-</head>
-<body>
-<p>
-This tests that a modal dialog's containing block is in the initial containing block and that it is unaffected by
-ancestor elements with overflow or opacity.
-<div style="position: absolute; top: 400px; opacity: 0.3">
- <dialog id="opaqueDialog" style="position: absolute; top: 250px; left: 0px; background-color: magenta">
- This dialog should be unaffected by its ancestor with opacity.
- </dialog>
-</div>
-<div style="position: absolute; overflow: hidden; width: 500px; height: 150px; top: 400px; left: 300px">
- <dialog id="unclippedDialog" style="position: absolute; top: 200px; left: 0px; height: 100px; background-color: cyan">
- This dialog should be unaffected by its ancestor with overflow. It should not be clipped.
- </dialog>
-</div>
-<div style="position: absolute; top: 1000px; left: 1000px; width: 20px;">
- <dialog id="bottomDialog" style="position: absolute; top: 100px; height: 250px; width: 90%; background-color: yellow">
- This dialog should be onscreen with a width of 90% of the page. It is the child of an narrow element
- positioned off screen, but the containing block of a top layer element is the initial containing block, so its
- position and percent lengths are relative to that.
- </dialog>
-</div>
-<script>
-document.getElementById('bottomDialog').showModal();
-document.getElementById('unclippedDialog').showModal();
-document.getElementById('opaqueDialog').showModal();
-</script>
-</body>
-</html>

Powered by Google App Engine
This is Rietveld 408576698