Files Grid view shifts left by one column when lazy-loading rows during scrolling
Nobody has claimed this yet.
- Dominant language
- PHP
- Stars
- 36.9k
- Forks
- 5.2k
- Avg merge
- 2d 3h
- Merged PRs (30d)
- 713
Description
⚠️ This issue respects the following points: ⚠️
- This is a bug, not a question or a configuration/webserver/proxy issue.
- This issue is not already reported on Github OR Nextcloud Community Forum (I've searched it).
- Nextcloud Server is up to date. See Maintenance and Release Schedule for supported versions.
- I agree to follow Nextcloud's Code of Conduct.
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
- Open any folder in the Files app that contains more items than fit in one screen
- Switch to Grid view
- Start scrolling down slowly from the top
- 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
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- 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