Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Image block: Lightbox zoom animation cuts off image in Android landscape mode #51556

Closed
artemiomorales opened this issue Jun 15, 2023 · 0 comments · Fixed by #51823
Closed

Image block: Lightbox zoom animation cuts off image in Android landscape mode #51556

artemiomorales opened this issue Jun 15, 2023 · 0 comments · Fixed by #51823
Assignees
@artemiomorales
Labels
[Block] Image Affects the Image Block [Feature] Interactivity API API to add frontend interactivity to blocks. [Type] Bug An existing feature does not function as intended

Comments

@artemiomorales
Copy link
Contributor

Description

When using the zoom animation for the image lightbox, the image is cut off in Android landscape mode.

Step-by-step reproduction instructions

  1. Ensure the Gutenberg Interactivity API experiments are enabled.
  2. Add an image to a post.
  3. Enable the lightbox for the images in Advanced > Behaviors under the block settings.
  4. Publish the post and click on the image.
  5. Make sure your Android device is in landscape mode and click on the image.
  6. See that the image is cut off.

Screenshots, screen recording, code snippet

lightbox-android-cut-off.mp4

Environment info

  • Gutenberg 16.0.0, WP 6.2.2
  • Samsung Galaxy S8, Android v7.0
  • Default Samsung browser

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes
@artemiomorales artemiomorales added [Type] Bug An existing feature does not function as intended [Block] Image Affects the Image Block [Feature] Interactivity API API to add frontend interactivity to blocks. labels Jun 15, 2023
@artemiomorales artemiomorales mentioned this issue Jun 15, 2023
Open
69 tasks
@artemiomorales artemiomorales self-assigned this Jun 20, 2023
@artemiomorales artemiomorales added the [Status] In Progress Tracking issues with work in progress label Jun 20, 2023
@artemiomorales artemiomorales linked a pull request Jun 26, 2023 that will close this issue
Image block: Fix responsive sizing in lightbox #51823
Merged
@artemiomorales artemiomorales mentioned this issue Jun 27, 2023
Merged
@priethor priethor removed the [Status] In Progress Tracking issues with work in progress label Jul 24, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@artemiomorales artemiomorales

Labels
[Block] Image Affects the Image Block [Feature] Interactivity API API to add frontend interactivity to blocks. [Type] Bug An existing feature does not function as intended
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Image block: Fix responsive sizing in lightbox WordPress/gutenberg
2 participants
@artemiomorales @priethor