[Bug]: Unable to scroll in nextcloud

PhilippHandle commented 1 year ago

⚠️ This issue respects the following points: ⚠️

[X] This is a bug, not a question or a configuration/webserver/proxy issue.
[X] This issue is not already reported on Github (I've searched it).
[X] Nextcloud Server is up to date. See Maintenance and Release Schedule for supported versions.
[X] Nextcloud Server is running on 64bit capable CPU, PHP and OS.
[X] I agree to follow Nextcloud's Code of Conduct.

Bug description

since the update to nextcloud v25.x i'm unable to scroll.

setting the css #content { height: 100% } fixes the issue

Steps to reproduce

update to nextcloud 25.x
unable to scroll

Expected behavior

updated the docker image to nextcloud 25.0.2 and i'm unable to scroll

Installation method

Community Docker image

Operating system

Debian/Ubuntu

PHP engine version

PHP 8.1

Web server

Apache (supported)

Database engine version

MariaDB

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

None

Are you using the Nextcloud Server Encryption module?

Encryption is Disabled

What user-backends are you using?

[X] 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.phandle.net"
        ],
        "datadirectory": "***REMOVED SENSITIVE VALUE***",
        "overwrite.cli.url": "https:\/\/cloud.phandle.net",
        "overwritehost": "cloud.phandle.net",
        "overwriteprotocol": "https",
        "dbtype": "mysql",
        "version": "25.0.2.3",
        "dbname": "***REMOVED SENSITIVE VALUE***",
        "dbhost": "***REMOVED SENSITIVE VALUE***",
        "dbport": "",
        "dbtableprefix": "oc_",
        "dbuser": "***REMOVED SENSITIVE VALUE***",
        "dbpassword": "***REMOVED SENSITIVE VALUE***",
        "installed": true,
        "updater.release.channel": "stable",
        "maintenance": false,
        "theme": "",
        "loglevel": 0,
        "mail_from_address": "***REMOVED SENSITIVE VALUE***",
        "mail_smtpmode": "smtp",
        "mail_smtpauthtype": "LOGIN",
        "mail_smtpsecure": "tls",
        "mail_domain": "***REMOVED SENSITIVE VALUE***",
        "mail_smtpauth": 1,
        "mail_smtphost": "***REMOVED SENSITIVE VALUE***",
        "mail_smtpport": "587",
        "mail_smtpname": "***REMOVED SENSITIVE VALUE***",
        "mail_smtppassword": "***REMOVED SENSITIVE VALUE***",
        "memcache.local": "\\OC\\Memcache\\APCu",
        "filelocking.enabled": "true",
        "memcache.locking": "\\OC\\Memcache\\Redis",
        "redis": {
            "host": "***REMOVED SENSITIVE VALUE***",
            "password": "***REMOVED SENSITIVE VALUE***",
            "port": 6379
        },
        "mail_sendmailmode": "smtp",
        "default_phone_region": "de",
        "mysql.utf8mb4": true,
        "htaccess.RewriteBase": "\/",
        "apps_paths": [
            {
                "path": "\/var\/www\/html\/apps",
                "url": "\/apps",
                "writable": false
            },
            {
                "path": "\/var\/www\/html\/custom_apps",
                "url": "\/custom_apps",
                "writable": true
            }
        ],
        "memcache.distributed": "\\OC\\Memcache\\Redis",
        "app_install_overwrite": [
            "breezedark"
        ]
    }
}

List of activated Apps

Enabled:
  - activity: 2.17.0
  - calendar: 4.2.1
  - cloud_federation_api: 1.8.0
  - comments: 1.15.0
  - contacts: 5.0.2
  - dashboard: 7.5.0
  - dav: 1.24.0
  - federatedfilesharing: 1.15.0
  - files: 1.20.1
  - files_pdfviewer: 2.6.0
  - files_sharing: 1.17.0
  - files_trashbin: 1.15.0
  - files_versions: 1.18.0
  - logreader: 2.10.0
  - lookup_server_connector: 1.13.0
  - nextcloud_announcements: 1.14.0
  - notes: 4.6.0
  - notifications: 2.13.1
  - oauth2: 1.13.0
  - password_policy: 1.15.0
  - photos: 2.0.1
  - privacy: 1.9.0
  - provisioning_api: 1.15.0
  - serverinfo: 1.15.0
  - settings: 1.7.0
  - sharebymail: 1.15.0
  - systemtags: 1.15.0
  - text: 3.6.0
  - theming: 2.0.1
  - twofactor_backupcodes: 1.14.0
  - viewer: 1.9.0
  - workflowengine: 2.7.0
Disabled:
  - admin_audit: 1.15.0
  - bruteforcesettings
  - circles: 25.0.0
  - contactsinteraction: 1.6.0
  - encryption
  - federation: 1.15.0
  - files_external: 1.17.0
  - files_rightclick: 1.4.0
  - firstrunwizard: 2.14.0
  - recommendations: 1.4.0
  - related_resources: 1.0.3
  - support: 1.8.0
  - survey_client: 1.13.0
  - suspicious_login: 4.0.0
  - twofactor_totp
  - updatenotification: 1.15.0
  - user_ldap
  - user_status: 1.5.0
  - weather_status: 1.5.0

Nextcloud Signing status

No errors have been found.

Nextcloud Logs

No response

Additional info

No response

szaimen commented 1 year ago

Hi, can you try to clear your browser cache and check it that makes it work? Also can you try in a different browser?

PhilippHandle commented 1 year ago

tried already, cloudflare cache, browser cache, differen browsers, different os

szaimen commented 1 year ago

Strange. I am asking because I cannot reproduce the issue.

PhilippHandle commented 1 year ago

another weird thing if i change the window size it works.

would it help if i create you an account to test?

szaimen commented 1 year ago

Please try again witb 25.0.3 which should be out soon.

PhilippHandle commented 1 year ago

ok will try, if i change the line --body-height: calc(100% - env(safe-area-inset-bottom) - 50px - var(--body-container-margin)); to --body-height: calc(100% - env(safe-area-inset-bottom) - 50px); it works too

PhilippHandle commented 1 year ago

updated to v25.0.3 and the issue still exists. cleared browser and cloudflare cache. tested in chrome and firefox

PhilippHandle commented 1 year ago

ok i fetched a fresh nextcloud image and the version says nextcloud hub 3 (25.0.3) and mine cloud 25.0.3 whats the difference? i should be the same image

szaimen commented 1 year ago

This could be caused by one of your installed apps. You could try to disable all non-default appa, clear the browser cache and check if that makes things works again.

teambvd commented 1 year ago

I have the same issue - seems like it might be related to the move from php 8.0 to 8.1, though still digging around in it

IBBoard commented 1 year ago

I think I'm getting this on a CentOS 8 server with PHP 7.4 and a "native" install (unzip the package and run through Apache).

I've disabled everything in "Apps" and I can't scroll anywhere in the site (e.g. the Apps list)

Went to "Manage Data" in Firefox and removed all data for the domain, but no change.

Nextcloud Hub 3 (25.0.5) using Firefox 112.

teambvd commented 1 year ago

I was able to find the cause for mine - the upgrade had somehow killed my theming items (icons and background). After re-uploading them, the issue was corrected.

ghost commented 1 year ago

@teambvd which folders do i need to upload?

IBBoard commented 1 year ago

I've got an override on the background colour, but no images (not even a logo).

If I go to Administration Settings > Theming and reset the background colour and login image then nothing changes.

If I go to Personal > Appearance and Accessibility and reset it to "Default Image" (after zooming out far enough to see that far down) then I get a blue background but I still don't get any scrolling.

What theming changes triggered the change?

PhilippHandle commented 1 year ago

So watchtower updated the docker image on 31th of mai and today i did the update/migration in the ui and now the scrolling works. I don't know what fixed the issue! Currently running Cloud 26.0.2.

IBBoard commented 1 year ago

I've finally managed to upgrade to v26 and v27 (I hadn't realised that they dropped support for PHP 7.4, which I was running on a CentOS 8 box). But I've still not got scrolling.

Content in the News app also continues to be as wide as it wants to be (possibly related to the title/description length). I don't know if the two are related.

skjnldsv commented 1 year ago

Well, some app might be conflicting. i would suggest to:

disable all non-official Nextcloud apps
see if scrolling works
if it does, enable them back one by one until it break again and you know which app is the culprit!

IBBoard commented 1 year ago

Well, some app might be conflicting. i would suggest to:
1. disable all non-official Nextcloud apps

Is there a specific designation for "official" apps? Is it anything under the NextCloud GitHub account?

I'm using:

Bookmarks - 13.0.1
Activity - 2.19.0
Auditing / Logging - 1.17.0
Brute-force settings - 2.7.0
Calendar - 4.4.4
Contacts - 5.3.2
Deleted files - 1.17.0
Log Reader - 2.12.0
News - 23.0.0
Nextcloud announcements - 1.16.0
Notes - 4.8.1
Notifications - 2.15.0
Right click - 1.6.0
Tasks - 0.15.0
Update notification - 1.17.0
Versions - 1.20.0

I don't remember enabling some of them (Right-click, Log Reader, etc).

They're all "Featured", so I'd expect good support and compatibility. Every single one appears to link to a NextCloud GitHub account.

skjnldsv commented 1 year ago

Is there a specific designation for "official" apps? Is it anything under the NextCloud GitHub account?

Yes :)

They're all "Featured", so I'd expect good support and compatibility. Every single one appears to link to a NextCloud GitHub account.

Some are still partly handled by community. Like files_rightclick, or bookmarks I think :thinking:

IBBoard commented 1 year ago

Just disabled every single app. Ctrl+F5 refreshed the page. Still can't scroll the list of apps.

Can someone with working scroll tell me which level of element on /settings/apps is the one that scrolls and which is the first element to be locked to window size.

Edit: Poking around in the CSS some more and it appears to be --body-container-margin that's causing the problems. If I resize the window to 1024px wide then @media screen and (max-width: 1024px) applies, sets it to 0, and scrolling works.

Similarly, if I make the --body-height change mentioned above and update #content to have width: 100% instead of calc(100% - var(--body-container-margin)*2); then I get vertical scroll and everything fits horizontally.

But --default-grid-baseline appears to be 4px (taken from body#body-user). So it doesn't make sense that the result would be >100%.

Edit2: I was searching for how to do custom CSS in NextCloud. I found reference to the Themeing app. If I look at "Active Apps" then it's not listed. If I look at "Disabled Apps" then it's not listed. If I go to Customisation then it's listed with a "Disable" button but the detail says "This app cannot be installed because the following dependencies are not fulfilled: Server version 13 or lower is required". If I click Disable then I get "An error occurred during the request. Unable to proceed. theming can't be disabled."

Is the themeing app going to be breaking something? Or is that bad error messages and descriptions, and I've not got a plugin that's 14 versions behind?

Edit3: If anyone wants a work-around, the Custom CSS app with the following content seems to fix everything for me:

#content {
    width: 100%
}
:root {
    --body-height: calc(100% - env(safe-area-inset-bottom) - 50px);
}

terrificobjects commented 9 months ago

I am also struggling with this. Everything is up to date. No matter what I do on the backend, nothing is scrolling.

IBBoard commented 9 months ago

@terrificobjects - the Custom CSS app with the CSS above is still working for me (on a desktop browser)

Edit: I just investigated the "themeing" app and despite it having a "disable" button and a description that says "This app cannot be installed because the following dependencies are not fulfilled: Server version 13 or lower is required.", it appears to be in core/shipped.json as a default module. Which is why it won't disable.

Edit 2: I don't know whether this is indicative of anything, but apps/theming/appinfo/info.xml says that it needs v27 (which is what I'm running) BUT by the time it gets to the analyze() function in DependencyAnalyzer then it thinks it needs v13. I've not yet worked out what is changing it. But getAppInfo() in AppManager extracts the right info.

skyminds commented 9 months ago

Hi - I'm also having the same issue. My Nextcloud instance has been upgraded over the years and is now running v27.1.5 (stable), scrolling seems disabled. It looks theme-related but switching to another theme (dark/light) does not solve the issue.

rmfalco89 commented 8 months ago

for what it's worth, my fresh installation (docker image) has the same problem from Safari on macos, but not from chrome.

pm112 commented 7 months ago

Experiencing the Problem on the Apps Page on Safari/Firefox on Mac OS in Win VM it works.

fate8383 commented 7 months ago

the same problem, does not scroll down or up on safari...

Jefferson-tan commented 5 months ago

Broken for me as well, the workaround provided by IBBoard above works.

nextcloud / server