nextcloud / nextcloud/server

[Bug]: Styles slightly broken on login flow for older Android Webview versions

Open
#37,123 3 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

0. Needs triage 25-feedback 26-feedback browser: mobile bug design feature: authentication needs review
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 (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

This is a follow up for #36934. #37005 fixed the login failure but the styles still look strange in older webview versions. This is most noticeable on primary color buttons (missing the color) and text fields (wrong width). See screenshots below for comparison.

It looks fine on 25.0.1 but not 25.0.4 or master. It also looks fine on newer Webview versions but not on older Webview versions.

Screenshots
Old webview (nc 25.0.4/master) Old webview (nc 25.0.1) New webview (nc 25.0.4/master)
Screenshot_1678269784 Screenshot_1678270254 Screenshot_1678270495
Screenshot_1678269798 Screenshot_1678270301 Screenshot_1678270499
Screenshot_1678269803 Screenshot_1678270304 Screenshot_1678270529
Steps to reproduce
  1. Set up 25.0.4 or master server
  2. Try to log in with the Android app on an older device
  3. See strange styles in
Expected behavior

Normal styles 🤷

Installation method

None

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

No response

List of activated Apps
-
Nextcloud Signing status

No response

Nextcloud Logs

nextcloud.log

Additional info

Tested Webview versions:

  • Broken styles: 66.0.3359.158 (on Android 9)
  • Correct styles: 101.0.4951.74 (on Android 13)

Console logs of the webview when styles are wrong (server master):
toaster.lan-1678273224246.log

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the login flow on the listed older and newer Android WebView versions, using the screenshots and console log linked in the issue for comparison. Done means the primary-color buttons and text fields render normally on older WebViews as well as newer versions.

Written by the indexing model from the issue text.

Assessment

Domain
authentication, frontend, mobile-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.