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.

Sign up for GitHub

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

Jump to bottom

Bug when having container with image and text together #3339

Open
eliasassuncao opened this issue Nov 29, 2023 · 1 comment
Open

Bug when having container with image and text together #3339

eliasassuncao opened this issue Nov 29, 2023 · 1 comment
Labels
duplicate layout
Milestone
3.1.0

Comments

@eliasassuncao
Copy link

eliasassuncao commented Nov 29, 2023 •
edited

I'm having a bug when generating the pdf, it's giving unwanted spacing to the items inside the container.

HTML used:

        <body style="font-family: Arial, sans-serif; font-size: 16px;">
          <p style="margin: 0; background-color: orange;">Title</p>
          <p style="margin: 0; background-color: purple;">
            <img src="https://www.resilia.com.br/wp-content/uploads/2022/07/1_6ahbWjp_g9hqhaTDSJOL1Q.png" width="200px" height="200px">
            Teste
          </p>
        </body>

Generated document:
image

Expected result generated by codepen:
image
@bsweeney
Copy link
Member

This is a known issue. Work on a fix was started in the vertical-align branch (#2762) and that branch does render your sample as expected. Unfortunately, I have not yet had a chance to complete the work.

@bsweeney bsweeney added this to the 3.0.1 milestone Nov 29, 2023
@bsweeney bsweeney modified the milestones: 3.0.1, 3.1.0 May 22, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
duplicate layout
Projects
None yet
Milestone
3.1.0
Development

No branches or pull requests
2 participants
@bsweeney @eliasassuncao