Automattic / Automattic/jetpack
Carousel: Long Captions/Descriptions not fully visible.
- Dominant language
- PHP
- Stars
- 1.8k
- Forks
- 898
- Avg merge
- 1d 18h
- Merged PRs (30d)
- 774
Description
### Quick summary
If your images have long descriptions in the gallery, then the description/caption is not fully visible.
It happens when there are long sentences, they get abruptly cut off.
However, multiple short sentences work fine.
A guestimate is that 180 character long sentences just work fine, anything over this gets cut off (hidden).
Two long sentences/paras-

Same para broken into smaller sentences-

### Steps to reproduce
1. Add a Tiled Gallery to your page.
2. Make sure you add a long description/caption to the images from the Media Library
3. Save the page and check the gallery by clicking on an image to open in full size mode slider mode.
### What you expected to happen
I expected the caption/description to be broken up into sentences and be displayed as a vertically scrollable list of sentences, as it already happens with multiple sentences.
See- https://d.pr/v/R6d3aJ
### What actually happened
The long-ish sentences get cropped off and a visitor cannot read the full material, no way to do a horizontal text scroll too.
### Context
User reported it here- 4353450-zen
### Operating System
macOS
### Browser
Google Chrome/Chromium
### Simple, Atomic or both?
Atomic
### Theme-specific issue?
_No response_
### Other notes
_No response_
### Reproducibility
Consistent
### Severity
All
### Available workarounds?
Yes, easy to implement
### Workaround details
Try breaking up the long sentences into smaller ones with periods, and it becomes better.
Contributor guide
Research direction
Start by reproducing the issue with a WordPress Tiled Gallery, a long image description from the Media Library, and the full-size slider mode described in the steps. Trace how the carousel renders captions, then verify that long sentences are fully readable or vertically scrollable while the existing multiple-sentence behavior remains intact.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react, wordpress
- Domain
- frontend, web-dev
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 42/100