Portfolio widget vertical spacing is boken in Firefox

[johnnyvenom]

There is an issue with the layout of pages that use the portfolio widget. The vertical spacing of the items is not respected below the first couple rows of items, so farther down the page the items collide. This is most evident with the card layout, though the problem persists with the other layout options as well. (see screenshot)

If the browser window is resized the tiles reflow and the spacing corrects itself and everything is fine, but next page load the same thing happens. This is happening with Firefox (on Mac and on Android), but if displays fine in Safari or Chrome.

To Reproduce

Steps to reproduce the behavior:

1. In Firefox, go to a webpage that uses the portfolio widget and contains several items (10 or more).

Expected behavior

Appropriate padding between items should reserve clean spacing and layout when the page loads.

Technical details:

• Link to your GitHub project: https://gitlab.com/johnnyvenom/website
  • offending page: https://www.johnnyvenom.com/projects
• Wowchemy Version: 1.15
• Hugo Version: v0.82.0+extended
• Browser/OS:
  • Desktop: Firefox v87.0 / MacOS Mojave v10.14.6 (18G8022)
  • Mobile: Firefox v 87.0.0-rc.1 / Android v11 / Samsung Galaxy S20 5G
• Wowchemy Template: Academic

[chrede88]

I think this is a Firefox issue, as it works flawlessly in other browsers. See this discussion of the same issue: https://github.com/wowchemy/wowchemy-hugo-modules/discussions/2231

[github-actions[bot]]

This issue is stale because it has not had any recent activity. The resources of the project maintainers are limited, and so we are asking for your help.

If this is a bug and you can still reproduce this error on the main branch, consider contributing a Pull Request with a fix.

If this is a feature request, and you feel that it is still relevant and valuable, consider contributing a Pull Request for review.

This issue will automatically close soon if no further activity occurs. Thank you for your contributions.

[IPv777]

Did you find a solution ? I've the same problem ... @johnnyvenom