Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Figure with flexbox not rendered correctly when footnotes exist #1351

Open
MurakamiShinyu opened this issue Jun 21, 2024 · 0 comments
Open
Labels

Comments

@MurakamiShinyu
Copy link
Member

MurakamiShinyu commented Jun 21, 2024

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):

Screenshot 2024-06-21 15 49 03

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

Screenshot 2024-06-21 15 50 24

Screenshot 2024-06-21 15 50 36

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant