vivliostyle / vivliostyle.js

📖 The power of CSS typesetting, right at your fingertips.
https://vivliostyle.org
GNU Affero General Public License v3.0
602 stars 52 forks source link

Incorrect wrapping around floats #1290

Open MurakamiShinyu opened 7 months ago

MurakamiShinyu commented 7 months ago

Float layout is incorrect in some case.

Test sample: float-test-1.html

Test with Vivliostyle Viewer (v2.27.0): https://vivliostyle.github.io/viewer/v2.27.0/#src=https://gist.githack.com/MurakamiShinyu/ec57c870f6a62348a0b3f279dc4b284b/raw/float-test-1.html

Result screenshot:

Screenshot 2024-02-28 12 19 32

Expected result:

Screenshot 2024-02-28 15 17 00

MurakamiShinyu commented 7 months ago

It seems this is due to a Chromium problem. This issue does not happen with Firefox or Safari.

I made another test sample with which the problem happens in Chrome even without Vivliostyle:

Screenshot comparing Chrome, Firefox and Safari:

result-chrome-firefox-safari

MurakamiShinyu commented 7 months ago

I registered the Chromium issue: https://issues.chromium.org/issues/327489302