[Webkit-unassigned] [Bug 229315] New: Layout support for top layer elements

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Thu Aug 19 17:42:22 PDT 2021


            Bug ID: 229315
           Summary: Layout support for top layer elements
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: ntim at apple.com
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com
            Blocks: 84635

2 main items from https://fullscreen.spec.whatwg.org/#new-stacking-layer :

* If its position property computes to fixed, its containing block is the viewport, and the initial containing block otherwise.

webkit.org/b/84796 imported/w3c/web-platform-tests/html/semantics/interactive-elements/the-dialog-element/removed-element-is-removed-from-top-layer.html [ ImageOnlyFailure ]
webkit.org/b/84796 imported/w3c/web-platform-tests/html/semantics/interactive-elements/the-dialog-element/top-layer-containing-block.html [ ImageOnlyFailure ]
webkit.org/b/84796 imported/w3c/web-platform-tests/html/semantics/interactive-elements/the-dialog-element/top-layer-stacking.html [ ImageOnlyFailure ]

Modal dialogs have position: fixed by default with UA styles hence why it's relevant to those tests, and looking at the results, it's mostly top/bottom/right/left position which look wrong, making me think this is mostly containing block related.

* It is rendered as an atomic unit as if it were a sibling of its root.

Ancestor elements with [...] cannot affect it.

webkit.org/b/84796 imported/w3c/web-platform-tests/html/semantics/interactive-elements/the-dialog-element/modal-dialog-in-replaced-renderer.html [ ImageOnlyFailure ]
webkit.org/b/84796 imported/w3c/web-platform-tests/html/semantics/interactive-elements/the-dialog-element/modal-dialog-in-table-column.html [ ImageOnlyFailure ]

These tests use particular cases like content: url() or display: table-column on the ancestor and open a modal dialog inside.

Referenced Bugs:

[Bug 84635] Implement the dialog element
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20210820/edbacf9c/attachment-0001.htm>

More information about the webkit-unassigned mailing list