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

Add support CSS gap/row-gap/column-gap properties #2395

Closed
leecbaker opened this issue Mar 3, 2025 · 1 comment
Closed

Add support CSS gap/row-gap/column-gap properties #2395

leecbaker opened this issue Mar 3, 2025 · 1 comment

Comments

@leecbaker
Copy link

The CSS gap/row-gap/column-gap properties are very useful for layouts using either flexbox or grid layouts. It would be very useful to have support in Weasyprint.

Support for these properties seems missing in Weasyprint 64.1.

Example:

<html><body>
    <div style="display:flex;  gap: 1em;">
        <div style="background-color: red; width: 2em; height: 2em;"></div>
        <div style="background-color: blue; width: 2em; height: 2em;"></div>
    </div>
</body></html>

Expected output (from Firefox):

Image

Weasyprint 64.1 output:

Image
@liZe
Copy link
Member

liZe commented Mar 3, 2025

Hi,

Good news: it’s already been fixed in #1665 and will be available in next version!

@liZe liZe closed this as completed Mar 3, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@liZe @leecbaker