[Webkit-unassigned] [Bug 226175] New: Add modal dialog UA styles

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=226175

            Bug ID: 226175
           Summary: Add modal dialog UA styles
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: ntim at apple.com
        Depends on: 226169
            Blocks: 84635

Bug 226169 adds the non-modal dialog element UA styles, but the modal dialog styles are different:

https://html.spec.whatwg.org/#flow-content-3

"""
The dialog element, when its is modal flag is true, is expected to act as if it had a user-agent-level style sheet rule setting the following properties:

'position' property to 'fixed'
'overflow' property to 'auto'
'inset-block-start' property to '0'
'inset-block-end' property to '0'
'max-width' property to 'calc(100% - 6px - 2em)'
'max-height' property to 'calc(100% - 6px - 2em)'
"""

This needs an internal pseudo selector like ::-internal-modal-dialog to be able to apply those styles from the UA stylesheet.


Referenced Bugs:

https://bugs.webkit.org/show_bug.cgi?id=84635
[Bug 84635] Implement the dialog element
https://bugs.webkit.org/show_bug.cgi?id=226169
[Bug 226169] Add basic <dialog> element UA styles
-- 
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/20210524/1b2b225f/attachment-0001.htm>