WordPress Gallery Block: Column Count Issue Results in Unbalanced Item Widths

[sarath.ar]

Enhancement

Description

The WordPress gallery block is currently experiencing an issue when users select a specific column count. The problem arises when attempting to achieve a balanced layout, as the items within the gallery block are not receiving a common width. This results in inconsistent and unbalanced item widths. Currently, there is an option to keep all the items in the same width.

Environment

• WordPress: 6.3-beta3-56143
• PHP: 7.4.33
• Server: TasteWP-S1 Official/3.0.0
• Database: mysqli (Server: 8.0.32-0ubuntu0.20.04.2 / Client: mysqlnd 7.4.33)
• Browser: Chrome 112.0.0.0 (macOS)
• Theme: Twenty Twenty-Three 1.1
• MU-Plugins: None activated
• Plugins:
  • WordPress Beta Tester 3.5.0

Steps to Reproduce

1. Add a gallery block
2. Add a few images to the gallery
3. Change the number of columns option

Expected Results

1. Same column size for all gallery items

Actual Results

1. If there are 6 gallery items and the column count is 4 the last 2 items are showing as 2 columns instead of 4.

[sabernhardt]

Thanks for the report!

GB2422 added flex-grow: 1 to the Gallery block's "Crop images" setting. The resizing may be unexpected the first time, but anyone who has used the block that way probably expects it now. Related: GB2465

If the crop setting is good otherwise, I was able to keep the images the same size with this custom CSS:

.wp-block-gallery.has-nested-images figure.wp-block-image {
    flex-grow: 0;
}