-
Notifications
You must be signed in to change notification settings - Fork 4.8k
Image: Long captions break lightbox #51170
Copy link
Copy link
Closed
Labels
[Block] ImageAffects the Image BlockAffects the Image Block[Feature] Interactivity APIAPI to add frontend interactivity to blocks.API to add frontend interactivity to blocks.[Type] BugAn existing feature does not function as intendedAn existing feature does not function as intended
Description
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
- Ensure the Interactivity API and Behaviors UI setting is enabled in Gutenberg > Experiments in the admin.
- Create a new post and add an image with a long caption of a few paragraphs.
- Activate the image's lightbox via Advanced > Behaviors > Lightbox.
- Publish and view the post.
- 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
Mobile View
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
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
[Block] ImageAffects the Image BlockAffects the Image Block[Feature] Interactivity APIAPI to add frontend interactivity to blocks.API to add frontend interactivity to blocks.[Type] BugAn existing feature does not function as intendedAn existing feature does not function as intended
Type
Fields
Give feedbackNo fields configured for issues without a type.