Bug description
When using Nextcloud in Japanese, labels in the "Add storage" modal of the External storage settings screen overlap with form fields when the browser viewport height is small.
This makes the External storage configuration screen difficult to read and use.
Steps to reproduce
- Set the Nextcloud user interface language to Japanese.
- Go to Administration settings.
- Open the External storage settings screen.
- Reduce the browser window height so that the modal needs to scroll.
- Click "Add storage".
- Select a storage backend, for example "SMB/CIFS".
- Select an authentication method, for example "Login and password".
- Enter values in the storage settings fields.
Actual behavior
Some Japanese labels are displayed in the wrong position and overlap with input fields or select boxes.
For example:
- The labels around "External storage", "Authentication", and "Storage settings" overlap with the select boxes.
- Field labels such as "Host", "Share", "Remote subfolder", and "Domain" appear too close to or on top of the input fields.
- The issue is especially visible when the browser window height is small and the modal becomes scrollable.
Expected behavior
Labels should remain aligned correctly and should not overlap with input fields, select boxes, or other form elements.
The External storage settings modal should remain readable and usable in Japanese, even when the browser viewport height is small.
Screenshots
| small viewport height |
sufficient viewport height |
 |
 |
I added a comparison screenshot.
Left: broken layout when the browser viewport height is small.
Right: normal layout when the browser viewport height is sufficient.
Environment
- Nextcloud version: Nextcloud Hub 26 Winter (33.0.3)
- App: External storage support
- External storage support app version: 1.25.1
- UI language: Japanese
- Browser: Google Chrome
- Browser version: 148.0.7778.179 (Official Build) (64-bit)
- Operating system: Windows 11 Pro 25H2
- OS build: 26200.8457
- Storage backend tested: SMB/CIFS
- Authentication method tested: Login and password
- Condition: The issue occurs when the browser viewport height is small.
Additional context
This looks like a layout issue related to the modal height, scrolling behavior, and floating/input labels in Japanese.
Bug description
When using Nextcloud in Japanese, labels in the "Add storage" modal of the External storage settings screen overlap with form fields when the browser viewport height is small.
This makes the External storage configuration screen difficult to read and use.
Steps to reproduce
Actual behavior
Some Japanese labels are displayed in the wrong position and overlap with input fields or select boxes.
For example:
Expected behavior
Labels should remain aligned correctly and should not overlap with input fields, select boxes, or other form elements.
The External storage settings modal should remain readable and usable in Japanese, even when the browser viewport height is small.
Screenshots
I added a comparison screenshot.
Left: broken layout when the browser viewport height is small.
Right: normal layout when the browser viewport height is sufficient.
Environment
Additional context
This looks like a layout issue related to the modal height, scrolling behavior, and floating/input labels in Japanese.