godaddy-wordpress / godaddy-wordpress/coblocks

ISBAT use Masonry block and have consistent layout across browsers

Open
#2,265 1 comment 0 reactions 0 assignees View on GitHub
[Priority] Critical [Type] Bug
Dominant language
JavaScript
Stars
794
Forks
142
PR merge metrics
No merged PRs in 30d

Description

### Describe the bug:

It seems that Safari is displaying an inconsistent masonry layout compared to Chrome and Firefox. In the screenshots provided, we can see superfluous spacing that resides above the middle image.

### To reproduce:

1. Add Masonry block.
2. Add images with varying heights (easier to see with more images).
3. Publish and view the page in Safari.

### Expected behavior:

Expect consistent Masonry layout in Chrome, Firefox, and Safari.

### Screenshots:

![image](https://user-images.githubusercontent.com/30462574/152573958-8a4ad5cf-e8a6-406e-b216-1356bcb26218.png)

![image](https://user-images.githubusercontent.com/30462574/152574030-774ae3c2-2f52-4664-a3c3-14c2643f7f72.png)
### Isolating the problem:

- [x] This bug happens with no other plugins activated
- [x] This bug happens with a default WordPress theme active
- [x] This bug happens **without** the Gutenberg plugin active
- [x] I can reproduce this bug consistently using the steps above

### WordPress version:

5.9

### Gutenberg version:

N/A

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.