[Bug]: Login fields overlap container on Safari

[jancborchardt]

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

On Safari, the inputs and button of the login screen overlap the content:

As reported by @karlitschek.

Steps to reproduce

1. Have macOS
2. Open the login page with Safari

Expected behavior

The inputs and button do not overlap the container. On Chrome and Firefox it looks good:

Installation method

No response

Operating system

No response

PHP engine version

No response

Web server

No response

Database engine version

No response

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

No response

Are you using the Nextcloud Server Encryption module?

No response

What user-backends are you using?

• Default user-backend (database)
• LDAP/ Active Directory
• SSO - SAML
• Other

Configuration report

No response

List of activated Apps

(Reported by Frank, so not sure. Assume default installation.)

Nextcloud Signing status

No response

Nextcloud Logs

No response

Additional info

No response

[szaimen]

I guess this needs fixing by someone with macOS. Maybe @marcoambrosini ?

[CarlSchwan]

This was fixed with #33781 The width of the text fields are not hardcoded anymore and instead just use 100% of the width simplifying the code and removing this bug :)

[szaimen]

Great :)

[jancborchardt]

Ah awesome, thanks a lot @CarlSchwan! :)