Skip to content

Masonry Gallery block within Group block display images on top of each other on mobile devices #57303

Open

Description

Quick summary

If you add a Masonry gallery within a group block the images will overlap on top of each other on Mayland theme. This is reproducible on iOS mobile devices. The user says they get the same issue on Firefox on a PC but I was not able to check.

Steps to reproduce

1 - Activate the Mayland theme
2 - Add a group block
3 - add a Masonry Gallery within the group block
4 - publish the page
5 - open it on Safari on a iOS mobile device

What you expected to happen

I expected the images on the gallery to be displayed properly

What actually happened

Some of the images are overlapping on top of each other
photo_2021-10-24 08 07 29

Context

4400397-zd-woothemes

Operating System

iOS

Browser

Apple Safari

Simple, Atomic or both?

Simple

Theme-specific issue?

I was only able to reproduce it on Mayland but since it's intermittent might be affecting others

Other notes

No response

Reproducibility

Intermittent

Severity

No response

Available workarounds?

Yes, easy to implement

Workaround details

Remove the gallery block from the group block and add it as a stand alone block

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Labels

    User ReportThis issue was created following a WordPress customer reportThis issue was created following a WordPress customer report[Feature] CoBlocksThe integration of GoDaddy's CoBlocks plugin on WordPress.com Atomic sites.The integration of GoDaddy's CoBlocks plugin on WordPress.com Atomic sites.[Pri] Low[Type] Bug

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions