Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

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

Maintainers usually reply within 1 day

Nobody has claimed this yet.

Assessment

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

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.

Description

0. Needs triage bug

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.

Dominant language
JavaScript
Stars
121
Forks
70
Avg merge
1d 6h
Merged PRs (30d)
16

Getting set up

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.

More from nextcloud/viewer

All issues in nextcloud/viewer

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.