LayoutTests/fast/dom/HTMLDialogElement/top-layer-containing-block-expected.html - Issue 14373010: Make abspos <dialog>'s containing block be the ICB.

Unified Diff: LayoutTests/fast/dom/HTMLDialogElement/top-layer-containing-block-expected.html

Issue 14373010: Make abspos <dialog>'s containing block be the ICB. (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Created 7 years, 8 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

« LayoutTests/fast/dom/HTMLDialogElement/non-modal-dialog-containing-block.html ('K') | « LayoutTests/fast/dom/HTMLDialogElement/top-layer-containing-block.html ('k') | Source/core/dom/Element.h » ('j') | Source/core/dom/NodeRenderingContext.cpp » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: LayoutTests/fast/dom/HTMLDialogElement/top-layer-containing-block-expected.html

diff --git a/LayoutTests/fast/dom/HTMLDialogElement/top-layer-containing-block-expected.html b/LayoutTests/fast/dom/HTMLDialogElement/top-layer-containing-block-expected.html

index d007c598b88bd013656ae6b588ba9d3b1274d2f2..a4e1af7349fa3eee1a2986b996741f7ffbd44c9f 100644

--- a/LayoutTests/fast/dom/HTMLDialogElement/top-layer-containing-block-expected.html

+++ b/LayoutTests/fast/dom/HTMLDialogElement/top-layer-containing-block-expected.html

@@ -17,30 +17,18 @@

</head>

<body>

<p>

-This tests that a top layer element's containing block is in the initial containing block and that it is unaffected by

-ancestor elements with overflow or opacity. Dialog elements are used to demonstrate these properties. A dialog opened

-with showModal() is in the top layer; one opened with dialog.show() is not.

+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.

- This modal dialog should be onscreen with a width of 90% of the page. It is the child of an narrow element

+ 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.

</div>

- This modal dialog should be unaffected by its ancestor with overflow. It should not be clipped.

-</div>

-<div style="position: absolute; overflow: hidden; width: 500px; height: 150px; top: 400px; left: 300px">

- <div class="pseudodialog" style="position: absolute; top: 0px; height: 150px; width: 150px; background-color: cyan">

- This non-modal dialog should be affected by its ancestor with overflow. It should be clipped.

- </div>

+ This dialog should be unaffected by its ancestor with overflow. It should not be clipped.

</div>

- This modal dialog should be unaffected by its ancestor with opacity.

-</div>

-<div style="position: absolute; top: 400px; opacity: 0.3">

- <div class="pseudodialog" style="position: absolute; top: 0px; height: 150px; width: 150px; background-color: magenta">

- This non-modal dialog should be affected by its ancestor with opacity.

- </div>

+ This dialog should be unaffected by its ancestor with opacity.

</div>

</body>

</html>