Bug 279512
| Summary: | Popover API: A popover flows off the screen | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Rogier de Ruijter <imbashenk> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED DUPLICATE | ||
| Severity: | Normal | CC: | koivisto |
| Priority: | P2 | ||
| Version: | Safari Technology Preview | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
Rogier de Ruijter
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>
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Rogier de Ruijter
*** This bug has been marked as a duplicate of bug 279510 ***