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: Long captions break lightbox #51170

Closed
artemiomorales opened this issue Jun 1, 2023 · 1 comment
Closed

Image: Long captions break lightbox #51170

artemiomorales opened this issue Jun 1, 2023 · 1 comment
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

In the image lightbox, large captions will get cut off on desktop and will cause the lightbox to rendered incorrectly on mobile.

Step-by-step reproduction instructions

  1. Ensure the Interactivity API and Behaviors UI setting is enabled in Gutenberg > Experiments in the admin.
  2. Create a new post and add an image with a long caption of a few paragraphs.
  3. Activate the image's lightbox via Advanced > Behaviors > Lightbox.
  4. Publish and view the post.
  5. Click on the image; see that the caption is cut off on desktop and that the image and/or caption are cut off on mobile.

Screenshots, screen recording, code snippet

Desktop View

Screen Shot 2023-06-01 at 3 34 35 PM

Mobile View

Screen Shot 2023-06-01 at 3 35 02 PM

Environment info

WP 6.2, Gutenberg 15.9
Chrome
Mac OSX

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 1, 2023
This was referenced Jun 1, 2023
Open
Closed
Merged
@artemiomorales
Copy link
Contributor Author

As per the design changes in #51206 and this comment on a related PR, the caption has been removed, so this issue is no longer relevant.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
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

No branches or pull requests
1 participant
@artemiomorales