nextcloud / nextcloud/deck

Some dialogs are too small and show horizontal scrollbar

Open
#4,636 5 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

design enhancement feature: boards feature: modal
Dominant language
JavaScript
Stars
1.4k
Forks
354
Avg merge
1d 10h
Merged PRs (30d)
43

Description

How to use GitHub
  • Please use the 👍 reaction to show that you are affected by the same issue.
  • Please don't comment if you have no relevant information to add. It's just extra noise for everyone subscribed to this issue.
  • Subscribe to receive notifications on status change and new comments.

Describe the bug

Many dialogs are too small and show a scroll bar.

To Reproduce
Steps to reproduce the behavior:

  1. Move a card OR Add an attachment
  2. dialog is too small.

Expected behavior
There should be no horizontal scrollbar in the dialog

Screenshots
Move a card:
image

Adding an attachment:
image

Client details:

  • OS: W11
  • Browser: Firefox / Chrome
  • Version [e.g. 22]
  • Device: Desktop
Server details

Operating system:

Web server:

Database:

PHP version:

Nextcloud version: 26.0.1

Where did you install Nextcloud from:

Signing status:

Login as admin user into your Nextcloud and access
http://example.com/index.php/settings/integrity/failed
paste the results here.

List of activated apps:

If you have access to your command line run e.g.:
sudo -u www-data php occ app:list
from within your Nextcloud installation folder

Nextcloud configuration:

If you have access to your command line run e.g.:
sudo -u www-data php occ config:list system
from within your Nextcloud installation folder

or

Insert your config.php content here
Make sure to remove all sensitive content such as passwords. (e.g. database password, passwordsalt, secret, smtp password, …)

Are you using an external user-backend, if yes which one: LDAP/ActiveDirectory/Webdav/...

Logs
Nextcloud log (data/nextcloud.log)
Insert your Nextcloud log here
Browser log
Insert your browser log here, this could for example include:

a) The javascript console log
b) The network log
c) ...

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

Reproduce the issue in the Move a card and Add an attachment dialogs using Firefox or Chrome, then inspect which dialog content causes horizontal overflow. The work is done when these dialogs no longer show a horizontal scrollbar at the reported desktop setup.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 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.