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

Bug: image floats inside next block #1418

Open
MoamenAbdelsattar opened this issue Nov 14, 2024 · 3 comments
Open

Bug: image floats inside next block #1418

MoamenAbdelsattar opened this issue Nov 14, 2024 · 3 comments
Labels

Comments

@MoamenAbdelsattar
Copy link
Contributor

I'm trying to use page floats, so I set float: top for the following image. The result is image inside the following poetic verse, instead of being above it:
v-float-bug

Expected result:
v-flot-bug2

@MoamenAbdelsattar
Copy link
Contributor Author

MoamenAbdelsattar commented Nov 14, 2024

Problem can be easily fixed by adding clear: both; to the following div After pagination. Adding it before pagination doesn't solve the issue.

@MoamenAbdelsattar
Copy link
Contributor Author

MoamenAbdelsattar commented Nov 14, 2024

Hi, problem is solved after using epub partitions instead of page floats, however the documentation says "Future version of Vivliostyle may drop support for this spec." I hope that doesn't happen 😶

@MurakamiShinyu
Copy link
Member

There was a similar issue:

This issue was fixed by pr #1075.

However, the problem still happens if the page float width is narrower than page area width.

To avoid the problem, specify float on the image's parent block element (e.g., figure element) and align the image in it.

I hope this helps.

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

2 participants