Automattic / Automattic/jetpack

Classic Block thumbnail grid gallery displays vertically on Block themes

Open
#38,581 4 comments 0 reactions 0 assignees View on GitHub
[Feature Group] Editor Experience [Feature] Tiled Gallery [Platform] Simple [Pri] Low [Status] Priority Review Triggered Bug Customer Report [LEGACY] Triaged
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 18h
Merged PRs (30d)
774

Description

### Quick summary

When creating a thumbnail grid gallery using a classic block, the gallery displays vertically when using a block theme. Other types of galleries work (e.g. squared tiles).

### Steps to reproduce

1. Activate block theme
2. Add classic block to page
3. Inside the classic block, add media and select at least 2 imges
4. Create gallery and select "Thumbnail Grid" as gallery type
5. Set columns to two or more
6. Save the block and the post
7. Visit the saved post

### What you expected to happen

Gallery is expected to display horizontally with correct column count, as shown in example below with a classic theme.

![CleanShot 2023-12-17 at 15 46 59@2x](https://github.com/Automattic/wp-calypso/assets/96960321/e6d42964-0b50-4aa5-ad0c-75f3c6ab7061)

### What actually happened

Activating a block theme displays gallery vertically, despite column count being set to 2.

![CleanShot 2023-12-17 at 15 46 13@2x](https://github.com/Automattic/wp-calypso/assets/96960321/50c694f9-3806-4536-a894-4921b8a95c35)

### Impact

Some (< 50%)

### Available workarounds?

No but the platform is still usable

### Platform (Simple and/or Atomic)

Simple

### Logs or notes

_No response_

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the steps in a WordPress site using a block theme, then inspect the rendered classic-block thumbnail gallery and its styles alongside squared-tile galleries. Done means the Thumbnail Grid displays horizontally with the selected two-or-more column count under a block theme, without breaking other gallery types.

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
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.