nextcloud / nextcloud/server

Files Grid view shifts left by one column when lazy-loading rows during scrolling

Open
#56,036 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

0. Needs triage 31-feedback browser: chrome bug feature: files
Dominant language
PHP
Stars
36.9k
Forks
5.2k
Avg merge
2d 3h
Merged PRs (30d)
713

Description

⚠️ This issue respects the following points: ⚠️
Bug description
Summary

In Files app (Grid view), when scrolling down in a folder with more items than fit on the screen, each time a new row of items loads (after ~5–6 visible rows), the entire grid shifts left by one icon position. Item alignment jumps horizontally on every new row load.

Affected browsers
  • Brave 1.83.120 / Chromium 141.0.7390.122 — affected
    (Shields disabled → still affected)
  • Chrome 141.0.7390.108 (64-bit) — affected
    (Incognito → still affected)
  • Edge 141.0.3537.99 — NOT affected

So this is not caused by extensions or shields, and not universal to all Chromium builds.

Steps to reproduce
Reproduction
  1. Open any folder in the Files app that contains more items than fit in one screen
  2. Switch to Grid view
  3. Start scrolling down slowly from the top
  4. After ~5–6 rows, when new rows are lazily loaded, the icons shift left
Expected behavior
Expected

Loading additional rows should not move already rendered rows.

Actual

Every time a new row is appended, the grid jumps left by exactly one icon column.

Notes
  • Happens only when there are enough items to require lazy loading (scrolling)
  • Does not reproduce on Microsoft Edge 141 using same account and same folder
  • Reproduces in Chromium-based browsers even with no extensions and all shields off
Nextcloud Server version

31

Operating system

None

PHP engine version

None

Web server

None

Database engine version

None

Is this bug present after an update or on a fresh install?

None

Are you using the Nextcloud Server Encryption module?

None

What user-backends are you using?
  • Default user-backend (database)
  • LDAP/ Active Directory
  • SSO - SAML
  • Other
Configuration report

List of activated Apps

Nextcloud Signing status

Nextcloud Logs

Additional info

No response

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 shift in the Nextcloud Files app's Grid view using a folder with enough items to trigger lazy loading, comparing affected Chromium browsers with Edge. Trace the grid's row loading and layout behavior while scrolling. Done means additional rows load without moving already rendered rows or shifting the grid horizontally.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.