List Layout only shows top 20 messages if there's no vertical scrollbar (tall screen, tiny text)
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 1k
- Forks
- 348
- Avg merge
- 12h 28m
- Merged PRs (30d)
- 91
Description
Steps to reproduce
- Have more than 20 messages in your E-mail Inbox
- Open your Inbox -- for me it's
https://cloud.SOMEDOMAIN.de/index.php/apps/mail/box/MYnumericalID# - In the Mail settings, set "Layout" to "list" (hope that's the name, I'm translating from German "Liste")
- Make sure you see the list of messages in your Inbox, and make sure your window height can show more than 20 liste rows at a time (!!). (I'm using my 1920x1200 px screen in "portrait" orientation. You could even zoom out...)
- If needed, reload the page to see that...
- ...only the first 20 messages are shown (as list rows) in your Inbox! (That's the actual bug.)
- Since there's no scroll bar (Window is taller than required to show those 20 list rows), there's no obvious way to load more messages, or even just to tell that there are more messages in that folder (Inbox).
- Reduce the Window height (or zoom in) to make the vertical scroll bar appear
- Scroll down -- additional messages (beyond the top 20) appear.
Expected behavior
If possible (enough messages in the folder), the message list should always show so many rows that a vertical scrollbar is shown and I can use the "infinite scroll" to load more messages.
Actual behavior
If the first 20 messages fit into the Window without a scroll bar, I'm not given any hint to tell that the folder contains more messages, nor is there a way (e.g. by scrolling) to display and open them.
Mail app version
5.11.5
Nextcloud version
33.0.3.2
Mailserver or service
No response
Operating system
No response
PHP engine version
None
Nextcloud memory caching
No response
Web server
None
Database
None
Additional info
I'm not an admin of this Nextcloud instance, therefore cannot provide the technical details I've left blank.
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 issue in the Mail app's list layout with more than 20 messages and a window tall enough to avoid a scrollbar. Trace the list-loading or infinite-scroll entry point and compare behavior when the viewport is shorter. Done means additional messages can be reached or a scrollbar is available without resizing or zooming the window.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend, web-dev
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Active
- Clarity
- Mostly clear
- Newbie friendliness
- 60/100