[Webkit-unassigned] [Bug 262367] New: Position Relative Div Changes Overflow Visibility Inside Table

[bugzilla-daemon at webkit.org]

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

            Bug ID: 262367
           Summary: Position Relative Div Changes Overflow Visibility
                    Inside Table
           Product: WebKit
           Version: Safari 16
          Hardware: Mac (Apple Silicon)
                OS: macOS 13
            Status: NEW
          Severity: Minor
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: danab at outlook.com
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

Given the following HTML and CSS in Safari you will not see the `#pop` div. It is not clear to me whether this is right or not (spec wise), but it is different than Firefox and Chrome's handling. If you remove the `position: relative` or change it to anything else besides `position: sticky` you *will* see the green box on all browsers.

```
<style>
table {
  overflow-y: hidden;
}

#wrap { 
    /* The presence of this relative changes the output in Safari 16.5 */
  position: relative;
}
#pop {
  position: absolute;
  top: 30px;
  left: 0;
  width: 200px;
  padding: 10px;
  background: green;
}
</style>

<table>
  <tbody>
    <tr>
      <td>
        <div id="wrap"> Hello
          <div id="pop"> Should you see me?
        </div>
      </td>
    </tr>
  </tbody>
</table>
```

https://codepen.io/danab/pen/qBLKjqZ

-- 
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/20230929/d9f69b5c/attachment.htm>