[Webkit-unassigned] [Bug 245496] Percentage (%)-based heights for absolute-positioned children not respecting sticky parent height

[bugzilla-daemon at webkit.org]

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

--- Comment #13 from Brandon McConnell <brandon at dreamthinkbuild.com> ---
Upon further investigation, it appears that Firefox also sizes the element properly, but Firefox's main rendering issue here is actually the z-index layering.

In that regard, it appears Safari has both issues— the sizing and the layering, as Safari appears to (a) layer the pseudo-element in front and also (b) size it not based on a percentage of its sticky parent, but its grandparent, the `table` itself.

Because the thead::before pseudo-element uses z-index: -20;, it should display behind the thead, not in front of it, as demonstrated in this screenshot: https://bug-245496-attachments.webkit.org/attachment.cgi?id=464619

Here is a much simpler example using pure CSS which can be used for inspecting and testing: https://codepen.io/brandonmcconnell/full/poZxVyR/eed0f1933bced0e2978d6a135e72ecc8

Here are screenshots comparing this new example between the three major browsers:

– Chrome: https://i.imgur.com/9TDYiYb.png
– Safari: https://i.imgur.com/vticbqC.png
– Firefox: https://i.imgur.com/YI01ram.png

-- 
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/20230131/9f01d0ac/attachment-0001.htm>