1758453 - Contents don't flow around shape-outside image

Status: NEW

(Core :: Layout: Floats, defect)

Description

[Sebastian Zartner [:sebo]]

Attachment: testcase 1

Under special circumstances shape-outside and shape-image-threshold don't cause a layout reflow causing the contents not floating around the image shape.

I've attached a test case that demonstrates the issue.

Sebastian

Comment 1

[Sebastian Zartner [:sebo]]

Attachment: Contents not floating around shape

Here's a screenshot of the test case causing the issue.

Sebastian

Comment 2

[Daniel Holbert [:dholbert]]

Thanks for the bug report!

This seems to be an invalidation / incremental-layout bug of some sort, because if I force a relayout by inspecting the image or the text in devtools, the text suddenly snaps to the right position (hugging the egg more closely).

Comment 3

[Daniel Holbert [:dholbert]]

Attachment: testcase 2 (reduced)

Here's a reduced testcase. It looks like we're failing to use the image for shape-outside purposes, beyond its direct block container. (Though as noted above, you can force it to work if you trigger a relayout by e.g. inspecting an element or changing the full-page-zoom level.)

Comment 4

[Daniel Holbert [:dholbert]]

Note: I ran into another issue when working on a testcase for this, where we seem to be scaling the shape-outside image when other browsers don't scale it. I filed that one as bug 1758563.