[Webkit-unassigned] [Bug 226765] New: Dynamically inserted inline-level element causes the adjacent float to shift down

[bugzilla-daemon at webkit.org]

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

            Bug ID: 226765
           Summary: Dynamically inserted inline-level element causes the
                    adjacent float to shift down
           Product: WebKit
           Version: Safari 14
          Hardware: Mac (Intel)
                OS: macOS 10.15
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: kzakiss at yahoo.com
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

Created attachment 430831

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

Demonstration

The problem seems to happen only when there's a block-level element present next to the float. Removing the block-level element from the document (either dynamically or from source) resolves the problem.

The case is not only confined to dynamically inserted inline elements, but also includes out-of-flow inline elements that appear in-flow later (e.g., by changing their 'position' from 'absolute' to 'static').

Everything works just fine in case the inline element is already in flow on page load. The problem also disappears once I manually set the 'display' property of the containing element to 'none' and then revert it to its initial value.

The bug also affects Safari on iOS, thus affecting other mobile browsers as well.

Find the demonstration attached.

-- 
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/20210608/06fa65a6/attachment.htm>