Skip to content

Gallery: Improve mobile lightbox with animated swiping#79114

Open
jasmussen wants to merge 2 commits into
trunkfrom
try/sliding-lightbox-galleries
Open

Gallery: Improve mobile lightbox with animated swiping#79114
jasmussen wants to merge 2 commits into
trunkfrom
try/sliding-lightbox-galleries

Conversation

@jasmussen

Copy link
Copy Markdown
Contributor

What?

Followup to #62906. Adds animation to the swiping gesture for mobile galleries:
animate galleries

Why?

When you have a gallery set to lightbox ("expand on click"), no mobile you can open it and use a swipe gesture to advance between images. However there is no visual feedgback that this is possible. This PR adds that.

Testing Instructions

Create a gallery, set to expand on click, then test on mobile, or using the web-inspector set to device emulation. Test swiping images to advance.

Use of AI Tools

Claude Opus 4.7.

@jasmussen jasmussen self-assigned this Jun 11, 2026
@jasmussen jasmussen added [Type] Enhancement A suggestion for improvement. [Block] Gallery Affects the Gallery Block - used to display groups of images labels Jun 11, 2026
@github-actions

Copy link
Copy Markdown

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: jasmussen <joen@git.wordpress.org>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

@github-actions github-actions Bot added the [Package] Block library /packages/block-library label Jun 11, 2026
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
@github-actions

Copy link
Copy Markdown

Size Change: +1.27 kB (+0.01%)

Total Size: 8.59 MB

📦 View Changed
Filename Size Change
build/modules/block-library/image/view.min.js 3.03 kB +390 B (+14.75%) ⚠️
build/styles/block-library/image/style-rtl.css 3.03 kB +118 B (+4.05%)
build/styles/block-library/image/style-rtl.min.css 1.97 kB +104 B (+5.57%) 🔍
build/styles/block-library/image/style.css 3.05 kB +124 B (+4.24%)
build/styles/block-library/image/style.min.css 1.97 kB +106 B (+5.7%) 🔍
build/styles/block-library/style-rtl.css 21.8 kB +111 B (+0.51%)
build/styles/block-library/style-rtl.min.css 18.3 kB +105 B (+0.58%)
build/styles/block-library/style.css 21.9 kB +113 B (+0.52%)
build/styles/block-library/style.min.css 18.2 kB +100 B (+0.55%)

compressed-size-action

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

[Block] Gallery Affects the Gallery Block - used to display groups of images [Package] Block library /packages/block-library [Type] Enhancement A suggestion for improvement.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant