Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug]: Unable to scroll in nextcloud #36086

Open
6 of 9 tasks
PhilippHandle opened this issue Jan 11, 2023 · 27 comments
Open
6 of 9 tasks

[Bug]: Unable to scroll in nextcloud #36086

PhilippHandle opened this issue Jan 11, 2023 · 27 comments
Labels
0. Needs triage Pending check for reproducibility or if it fits our roadmap 25-feedback bug feature: theming needs review Needs review to determine if still applicable

Comments

@PhilippHandle
Copy link

⚠️ 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

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

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

Steps to reproduce

  1. update to nextcloud 25.x
  2. 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?

  • 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

@PhilippHandle PhilippHandle added 0. Needs triage Pending check for reproducibility or if it fits our roadmap bug labels Jan 11, 2023
@szaimen
Copy link
Contributor

szaimen commented Jan 11, 2023

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
Copy link
Author

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

@szaimen
Copy link
Contributor

szaimen commented Jan 12, 2023

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

@PhilippHandle
Copy link
Author

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

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

@szaimen
Copy link
Contributor

szaimen commented Jan 12, 2023

Please try again witb 25.0.3 which should be out soon.

@PhilippHandle
Copy link
Author

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
image

@PhilippHandle
Copy link
Author

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

@PhilippHandle
Copy link
Author

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
image
image

@szaimen
Copy link
Contributor

szaimen commented Jan 18, 2023

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
Copy link

teambvd commented Apr 4, 2023

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
Copy link

IBBoard commented Apr 16, 2023

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
Copy link

teambvd commented Apr 17, 2023

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
Copy link

ghost commented Apr 17, 2023

@teambvd which folders do i need to upload?

@IBBoard
Copy link

IBBoard commented Apr 17, 2023

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
Copy link
Author

PhilippHandle commented Jun 8, 2023

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
Copy link

IBBoard commented Aug 14, 2023

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
Copy link
Member

skjnldsv commented Sep 1, 2023

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

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

@IBBoard
Copy link

IBBoard commented Sep 1, 2023

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
Copy link
Member

skjnldsv commented Sep 1, 2023

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

Yes :)
image

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 🤔

@IBBoard
Copy link

IBBoard commented Sep 2, 2023

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
Copy link

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

@IBBoard
Copy link

IBBoard commented Dec 18, 2023

@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
Copy link

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
Copy link

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

@pm112
Copy link

pm112 commented Feb 12, 2024

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

@fate8383
Copy link

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

@Jefferson-tan
Copy link

Jefferson-tan commented Apr 18, 2024

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

@joshtrichards joshtrichards added the needs review Needs review to determine if still applicable label Sep 8, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
0. Needs triage Pending check for reproducibility or if it fits our roadmap 25-feedback bug feature: theming needs review Needs review to determine if still applicable
Projects
None yet
Development

No branches or pull requests