[Webkit-unassigned] [Bug 279512] New: Popover API: A popover flows off the screen

Wed Sep 11 06:25:10 PDT 2024

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

            Bug ID: 279512
           Summary: Popover API: A popover flows off the screen
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: imbashenk at hotmail.com
                CC: koivisto at iki.fi

When using the popover API, a popover flows off the screen when the text gets too long for the top layer. On Chrome, this doesn't happen, and the text is wrapped.

Reproduction:

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Overflow popover</title>
    <meta name="viewport" content="width=device-width,initial-scale=1" />
  </head>

  <body>
    <div popover>
      This is a popover that will overflow the viewport. On Safari but not on
      Chrome.
    </div>
  </body>
  <style>
    [popover] {
      left: 90%;
    }
  </style>
  <script>
    this.popover = document.querySelector("[popover]");
    this.popover.showPopover();
  </script>
</html>

-- 
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/20240911/b9157018/attachment.htm>