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.

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

It's not clear that you can scroll to view long gallery image captions. #7963

Closed
kjellr opened this issue Jul 13, 2018 · 11 comments · Fixed by #34402
Closed

It's not clear that you can scroll to view long gallery image captions. #7963

kjellr opened this issue Jul 13, 2018 · 11 comments · Fixed by #34402
Assignees
Labels
[Feature] Blocks Overall functionality of blocks [Feature] Media Anything that impacts the experience of managing media Needs Dev Ready for, and needs developer efforts [Priority] Low Used to indicate that the issue at hand isn't a top priority to address and can be handled later [Type] Enhancement A suggestion for improvement.
Milestone

Comments

@kjellr
Copy link
Contributor

kjellr commented Jul 13, 2018

When a gallery image contains a long caption, users can scroll down to view the full caption text:

gallery-long-captions

Unfortunately, if a users device isn't configured to show scrollbars (mobile devices, most Macs), there's no indication that scrolling is an option there. Instead, it just looks like text is missing.

One possible idea: Cutting off the text slightly to imply that there's more to read:

screen shot 2018-07-13 at 2 58 00 pm

@Soean Soean added [Feature] Blocks Overall functionality of blocks [Feature] Media Anything that impacts the experience of managing media labels Jul 14, 2018
@mtias mtias added the [Type] Enhancement A suggestion for improvement. label Jul 16, 2018
@mtias mtias added the [Priority] Low Used to indicate that the issue at hand isn't a top priority to address and can be handled later label Jul 19, 2018
@kjellr kjellr added this to the Future milestone Jan 21, 2019
@draganescu
Copy link
Contributor

@kjellr should this still have a Needs Design Feedback label or would your text cutoff idea be good to preview in a PR?

@kjellr kjellr added the Needs Design Feedback Needs general design feedback. label Apr 20, 2020
@kjellr
Copy link
Contributor Author

kjellr commented Apr 20, 2020

I think needs design feedback is appropriate. 👍

@mapk
Copy link
Contributor

mapk commented May 12, 2020

Some quick feedback:

While the cutoff proposal for captions provides a solution for longer ones, it seems to make the shorter captions more difficult to read. Those would need to be scrolled too.

Maybe it's just the position of the cutoff. If we allow longer captions to move up in the Image and show the third line cut off, that might work better. This way shorter captions can still be completely visible and longer captions that need scrolling are also indicated.

Screen Shot 2020-05-12 at 2 38 39 PM

@paaljoachim
Copy link
Contributor

At present time I think Mark's solution might be best. As it gives a hint that there is more text. Either the user thinks it might be a bug or will understand that they can scroll to view the rest of the caption.

@mapk mapk added Needs Dev Ready for, and needs developer efforts and removed Needs Design Feedback Needs general design feedback. labels Jun 16, 2020
@MDWolinski
Copy link

I agree with @mapk and @paaljoachim on the solution. I do like @kjellr solution mockup with the slight gradient over the text to show it's contained within the image, however.

@joyously
Copy link

I think the best solution is to put the text below the image instead of on top of it. After all, it's an image gallery, and with long text, you can't even see the image.

@paaljoachim
Copy link
Contributor

paaljoachim commented Jun 18, 2020

Btw here is an older issue which brings up gallery image captions:
#8030

Here is an option to place the caption below the images:
#8030 (comment)

@paaljoachim
Copy link
Contributor

Linking this to the PR.
Gallery: Refactor as wrapper around core image blocks
#25940

@glendaviesnz
Copy link
Contributor

This is more broken on the the new gallery format, so probably should be sorted before the new gallery experimental flag is removed:
long-caption

@glendaviesnz
Copy link
Contributor

#34402 didn't really fix this so reopening

@glendaviesnz glendaviesnz reopened this Sep 1, 2021
@mtias
Copy link
Member

mtias commented Jun 28, 2023

Outside of offering other styles, we are not really planning anything else here.

@mtias mtias closed this as not planned Won't fix, can't repro, duplicate, stale Jun 28, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] Blocks Overall functionality of blocks [Feature] Media Anything that impacts the experience of managing media Needs Dev Ready for, and needs developer efforts [Priority] Low Used to indicate that the issue at hand isn't a top priority to address and can be handled later [Type] Enhancement A suggestion for improvement.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

9 participants