Automattic / Automattic/jetpack

Gallery images stack on odler Safari versions

Open
#11,806 2 comments 0 reactions 0 assignees View on GitHub
[Block] Tiled Gallery [Feature] Tiled Gallery [Focus] Blocks [Plugin] Jetpack [Pri] Low Bug Triaged
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 18h
Merged PRs (30d)
774

Description

#### Summary of Issue
1. Added titled gallery to page
2. Publish Page
3. On older versions of Safari (iPhone 6 OS 10.3.1 & Iphone 4s OS 9.3.5) images stack one on top of another.

#### What I expected
Gallery to display as it does on new version of Safari.

#### What happened instead
Images stack on on top of another.

###Screenshots
Example Content as displayed on iPhone 6 OS 10.3.1 & Iphone 4s OS 9.3.5 using Safari.

![github_issue_1](https://user-images.githubusercontent.com/24914028/55380272-b0044c00-555a-11e9-83ce-88c8378db51a.jpg)
![github_issue_2](https://user-images.githubusercontent.com/24914028/55380277-b266a600-555a-11e9-870b-eacd7c62ce07.PNG)

Example content as displayed on iphone SE OS 12.1.2

![github_issue_3](https://user-images.githubusercontent.com/24914028/55380365-f194f700-555a-11e9-8274-30e0bfb02ee6.jpg)

#### Example
1923304-zen

Contributor guide

Open the contributing guide

Research direction

Reproduce the titled gallery on the listed older Safari versions using example 1923304-zen, then compare it with the iPhone SE Safari result described in the issue. Locate the gallery entry point and verify the result by confirming that images no longer overlap across those browser versions.

Written by the indexing model from the issue text.

Assessment

Tech stack
wordpress
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.