Automattic / Automattic/jetpack

Carousel: Long Captions/Descriptions not fully visible.

Open
#21,326 5 comments 0 reactions 0 assignees View on GitHub
[Feature] Carousel [Plugin] Jetpack [Pri] Normal Bug Customer Report [LEGACY]
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-
![Markup on 2021-10-06 at 14:58:01](https://user-images.githubusercontent.com/40609190/136177142-832898e7-f586-486e-a41f-aae0e99b3561.png)

Same para broken into smaller sentences-
![Markup on 2021-10-06 at 14:58:30](https://user-images.githubusercontent.com/40609190/136177224-45cdec52-6d60-4dc8-9f34-5310aa8f9faf.png)

### 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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.