Repository navigation
[Bug]: The Directory List in files is rendered and then moves again after couple of ms. #2803
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 (I've searched it).
- Nextcloud Server is up to date. See Maintenance and Release Schedule for supported versions.
- Nextcloud Server is running on 64bit capable CPU, PHP and OS.
- I agree to follow Nextcloud's Code of Conduct.
Bug description
In the Files App the directory list is loaded an visible for a brief moment but then is relocated again about one text line lower.
This has the effect that you are aiming to click on the directory you want to open but very often you click on the wrong directory at last. The effect takes even longer when a README.md is present.
Steps to reproduce
- in files app create two folder "1_wrong_one" and "2_the_chosen_one"
- create a file README.md with a couple of lines
- hit refresh and try to click "2_the_chosen_one" as fast as you can, to get the idea.
Expected behavior
The directory list should be rendered (visible) only once relatively fix to the screen when the page is loaded.
Installation method
Manual installation
Operating system
Debian/Ubuntu
PHP engine version
PHP 8.0
Web server
Nginx
Database engine version
MySQL
Is this bug present after an update or on a fresh install?
Updated to a major version (ex. 22.2.3 to 23.0.1)
Are you using the Nextcloud Server Encryption module?
Encryption is Disabled
What user-backends are you using?
- Default user-backend (database)
- LDAP/ Active Directory
- SSO - SAML
- Other
Configuration report
{
"system": {
"instanceid": "***REMOVED SENSITIVE VALUE***",
"passwordsalt": "***REMOVED SENSITIVE VALUE***",
"secret": "***REMOVED SENSITIVE VALUE***",
"trusted_domains": [
"cloud.XXX.XX",
"cloud.XXX.XA"
],
"datadirectory": "***REMOVED SENSITIVE VALUE***",
"dbtype": "mysql",
"version": "24.0.3.2",
"overwrite.cli.url": "http:\/\/cloud.XXX.de",
"dbname": "***REMOVED SENSITIVE VALUE***",
"dbhost": "***REMOVED SENSITIVE VALUE***",
"dbport": "",
"dbtableprefix": "oc_",
"mysql.utf8mb4": true,
"dbuser": "***REMOVED SENSITIVE VALUE***",
"dbpassword": "***REMOVED SENSITIVE VALUE***",
"installed": true,
"logtimezone": "UTC",
"loglevel": 2,
"maintenance": false,
"htaccess.RewriteBase": "\/",
"memcache.local": "\\OC\\Memcache\\APCu",
"log_rotate_size": 10485760,
"trashbin_retention_obligation": "auto, 30",
"mail_from_address": "***REMOVED SENSITIVE VALUE***",
"mail_smtpmode": "smtp",
"mail_sendmailmode": "smtp",
"mail_domain": "***REMOVED SENSITIVE VALUE***",
"mail_smtphost": "***REMOVED SENSITIVE VALUE***",
"default_phone_region": "DE",
"simpleSignUpLink.shown": false,
"app_install_overwrite": [
"forms"
],
"theme": ""
}
}List of activated Apps
Enabled:
- accessibility: 1.10.0
- activity: 2.16.0
- apporder: 0.15.0
- calendar: 3.4.2
- circles: 24.0.0
- cloud_federation_api: 1.7.0
- collectives: 1.4.3
- comments: 1.14.0
- contacts: 4.2.0
- contactsinteraction: 1.5.0
- dav: 1.22.0
- deck: 1.7.1
- federatedfilesharing: 1.14.0
- federation: 1.14.0
- files: 1.19.0
- files_pdfviewer: 2.5.0
- files_rightclick: 1.3.0
- files_sharing: 1.16.2
- files_trashbin: 1.14.0
- files_versions: 1.17.0
- files_videoplayer: 1.13.0
- forms: 2.5.1
- groupfolders: 12.0.1
- impersonate: 1.11.0
- lookup_server_connector: 1.12.0
- notifications: 2.12.0
- oauth2: 1.12.0
- onlyoffice: 7.5.4
- password_policy: 1.14.0
- photos: 1.6.0
- privacy: 1.8.0
- provisioning_api: 1.14.0
- richdocuments: 6.2.0
- serverinfo: 1.14.0
- settings: 1.6.0
- sharebymail: 1.14.0
- systemtags: 1.14.0
- tasks: 0.14.4
- text: 3.5.1
- theming: 1.15.0
- twofactor_backupcodes: 1.13.0
- updatenotification: 1.14.0
- viewer: 1.8.0
- weather_status: 1.4.0
- workflowengine: 2.6.0
Disabled:
- admin_audit
- dashboard: 7.4.0
- encryption
- files_external
- firstrunwizard: 2.12.0
- logreader: 2.9.0
- nextcloud_announcements: 1.12.0
- recommendations: 1.3.0
- support: 1.6.0
- survey_client: 1.8.0
- user_ldap
- user_status: 1.4.0Nextcloud Signing status
No response
Nextcloud Logs
No response
Additional info
No response
Activity
b3nks commentedon Aug 19, 2022
@szaimen Thanks for having a look at this. Let me mention, that the behavior described above, also is shown, when there's no README.md - the presence of that file only makes it more abvious.
juliusknorr commentedon Nov 14, 2022
This will be addressed with #3209 so closing as a duplicate
mejo- commentedon Nov 15, 2022
Are you sure @juliushaertl? When there is a readme, the problem described in this issue will still be there, no? While the rich workspace is loading, size changes and thus the file list below will jump around. Probably we should give the outer container a size similar to the final rich workspace editor to prevent the jumping, no? But maybe I'm missing something from #3209 😬
szaimen commentedon Nov 15, 2022
Sounds good to me!
juliusknorr commentedon Nov 15, 2022
Would love to get some input from @jancborchardt since the intial height would also be different depending on if the workspace is empty or has content as it dynamically grows currently. Otherwise we might always have quite some additional spacing in there.
juliusknorr commentedon Nov 15, 2022
But yes, lets reopen that.
Prevent cumulative layout shift when richworkspace is loading
Prevent cumulative layout shift when richworkspace is loading
Prevent cumulative layout shift when richworkspace is loading
Prevent cumulative layout shift when richworkspace is loading
!fixup Prevent cumulative layout shift when richworkspace is loading
juliusknorr commentedon Sep 8, 2023
Fixed by #2834