Automattic / Automattic/jetpack

Slideshow Block: Align-wide results in image overlaps with several themes

Open
#25,306 3 comments 0 reactions 0 assignees View on GitHub
[Block] Slideshow [Focus] Compatibility [Plugin] Jetpack [Pri] Low Bug Customer Report [LEGACY] Triaged
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 18h
Merged PRs (30d)
774

Description

Related to https://github.com/Automattic/jetpack/pull/25107

### Impacted plugin

Jetpack

### Steps to Reproduce

1. On a Jetpack-connected site install and activate the Twenty Twenty Two (or Blockbase, Hemingway, Twenty Sixteen, Astra) theme.
2. Add a Slideshow block, with various images of differing size.
3. Set the block alignment to Wide width.
4. In the editor (wp-admin), image navigation appears fine. The preview and live post however will show an image overlap for some of the images.
5. If you don't observe this behavior initially, try refreshing the page as well.

### A clear and concise description of what you expected to happen.

No image overlap in any theme.

Reported internally here: p8oabR-Uj-p2#comment-6501

### What actually happened

With the mentioned themes, there is image overlap for some of the images.

### Browser

Google Chrome/Chromium, Mozilla Firefox

### Other information

This is how it looks in the impacted themes, on the front-end:
Screenshot 2022-07-28 at 11 22 12

### Platform (Simple, Atomic, or both?)

Self-hosted

### Reproducibility

Consistent

### Severity

Some (< 50%)

### Available workarounds?

_No response_

### Workaround details

_No response_

Contributor guide

Open the contributing guide

Research direction

Reproduce the Slideshow block overlap on the front end using differing-size images, Wide alignment, and the listed themes, then trace the block's front-end layout behavior. Done means the images no longer overlap in the affected themes while editor navigation remains correct.

Written by the indexing model from the issue text.

Assessment

Tech stack
wordpress
Domain
frontend, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.