Automattic / Automattic/jetpack

Slideshow: Long captions cut off on mobile

Open
#6,561 4 comments 0 reactions 0 assignees View on GitHub
[Feature] Shortcodes / Embeds [Pri] Low Enhancement
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 18h
Merged PRs (30d)
774

Description

When a slideshow is added to a page, and the images have long captions (greater than 47 characters), the captions are cut off on the mobile view.

#### Steps to reproduce the issue

1. Insert a gallery into a post or page.
2. Add captions to the gallery images that are longer than 47 characters. Example:

> Marilyn Monroe helps kick off the construction of the Time & Life Building (July 2, 1957).
3. Publish the Page.
4. View it on mobile.

#### What I expected
To see the full text of the caption on top of the slideshow images or below them.

#### What happened instead
The text gets cut off without notation that there's more around 47 characters.

![screen shot 2017-03-04 at 9 44 52 am](https://cloud.githubusercontent.com/assets/21203710/23579644/4637382e-00bf-11e7-9cee-32c20067fe21.png)

Reproduced on https://test3737373.com/gallery-2/
Reported in #3090609-t

Contributor guide

Open the contributing guide

Research direction

Begin by reproducing the issue at the linked gallery URL using the listed steps and a caption longer than 47 characters on a mobile view. Trace the slideshow implementation responsible for rendering captions, then verify that the complete caption is visible above or below the image without being silently cut off.

Written by the indexing model from the issue text.

Assessment

Domain
frontend, mobile-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.