[Webkit-unassigned] [Bug 257811] New: Inline-level elements with self-painting layer renders overlapping ellipsis.

[bugzilla-daemon at webkit.org]

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

            Bug ID: 257811
           Summary: Inline-level elements with self-painting layer renders
                    overlapping ellipsis.
           Product: WebKit
           Version: Safari 16
          Hardware: All
                OS: All
            Status: NEW
          Severity: Minor
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: bunnnywong at gmail.com
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

Created attachment 466623

  --> https://bugs.webkit.org/attachment.cgi?id=466623&action=review

A case to reproduce this issue

Inline-level elements with self-painting layer (`hasSelfPaintingLayer == true`) may be rendered renders overlapping ellipsis generated by `text-overflow: ellipsis`. 

See the attached case and screenshot. Specifically `position: relative` causes the `<span>` element to be self-painted from the layer.

This issue is caused due to self-painting layer chilldrens being painted in a different flow without the knowledge about its the line layout context. The actual behavior that hides the overflow element happens at `InlineContentPainter::paintDisplayBox(const InlineDisplay::Box&)` when `box.isFullyTruncated() == true`.

-- 
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/20230607/bd51dea0/attachment.htm>