nextcloud / nextcloud/viewer

Full screen mode: big images in landscape orientation are always shown at original size

Open
#3,343 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

0. Needs triage bug
Dominant language
JavaScript
Stars
119
Forks
72
Avg merge
18h 42m
Merged PRs (30d)
24

Description

Describe the bug
When using the full screen widget, landscape images larger than screen size are always displayed zoomed at original size. Only a portion of the image is visible, with (not working) scrollbars at side.
Portrait images are correctly shown (if screen is landscape, width > height).

To Reproduce
Steps to reproduce the behavior:

  1. Open a landscape image.
  2. Click on 'full screen' widget (square icon in the three dots menu)
  3. The fulll screen mode is activated, but the image is not correctly resized to fit the screen.

Expected behavior
The image should fit screen size, being fully visible in its correct aspect ratio.

Screenshots
Image out of fullscreen

Image

Same image in fullscreen mode:

Image

Desktop (please complete the following information):

  • OS: every tried: Android, Linux Mint, Ubuntu, Windows
  • Browser: every tried: Fennec on mobile, Firefox, Brave, Librewolf

** Nextcloud version: **
v34.0.3 but this issue appeared several major versions ago.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the problem in the full screen widget with a landscape image larger than the screen, then trace the image-sizing behavior used when fullscreen mode is activated. Compare it with the working portrait-image behavior. Done means oversized landscape images fit the screen fully while preserving their aspect ratio, without relying on non-working scrollbars.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
65/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.