Figure with flexbox not rendered correctly when footnotes exist #1351

MurakamiShinyu · 2024-06-21T06:53:42Z

Test case: (GitHub Gist)
https://gist.github.com/MurakamiShinyu/c2c5aea0e8eeabe1d4d14e6d7a213e15

In this test, the figure and its style are specified as below:

    <figure>
      <img src="https://upload.wikimedia.org/wikipedia/commons/9/93/Cornelis_Cornelisz._van_Haarlem_002.jpg" alt="">
      <figcaption>オリュンポス神とティーターノマキアー</figcaption>
    </figure>

figure {
  align-items: center;
  display: flex;
  flex-direction: column;
}

img {
  max-width: 100%;
  max-height: 100%;
}

Test with Vivliostyle Viewer v2.30.1:
https://vivliostyle.github.io/viewer/v2.30.1/#src=https://gist.githubusercontent.com/MurakamiShinyu/c2c5aea0e8eeabe1d4d14e6d7a213e15/raw/figure-test.html

Screenshot (pages 2-3):

When figure { width: 100%; } is specified, this problem does not happen:

The text was updated successfully, but these errors were encountered:

MurakamiShinyu added the bug label Jun 21, 2024

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Figure with flexbox not rendered correctly when footnotes exist #1351

Figure with flexbox not rendered correctly when footnotes exist #1351

MurakamiShinyu commented Jun 21, 2024 •

edited

Loading

Figure with flexbox not rendered correctly when footnotes exist #1351

Figure with flexbox not rendered correctly when footnotes exist #1351

Comments

MurakamiShinyu commented Jun 21, 2024 • edited Loading

MurakamiShinyu commented Jun 21, 2024 •

edited

Loading