nextcloud / nextcloud/contacts

Contact Groups edit field: horizontal scrollbar covers the contact group(s)

Open
#5,658 3 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

1. to develop bug feature: contacts good first issue
Dominant language
JavaScript
Stars
642
Forks
220
Avg merge
14h 39m
Merged PRs (30d)
51

Description

Describe the bug

The horizontal scrollbar covers the category groups in the category group input field when the groups are longer than the input field.
Groups are not shown properly - only partly.
The editing process is impacted.

Steps to reproduce
  1. Go to a contact
  2. enable edit mode
  3. add some categories with longer names until the edit field is "full"
  4. the scrollbar appears on the bottom and covers the groups
Expected behavior

The height of the edit field should be adjusted - it should be a multiline edit field.

Actual behavior

Groups are not shown properly - only partly.
Groups can not be removed

Image
Contact version

8.7.6

Operating system

nextcloud AIO

PHP engine version

No response

Web server

No response

Database

No response

Additional info

No response

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 in the contact edit mode and reproduce the issue by adding categories with long names until the horizontal scrollbar appears. Trace the category-group input component and its styling, then verify that the field becomes multiline, groups remain fully visible, and groups can be removed without overlap.

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
Active
Clarity
Mostly clear
Newbie friendliness
68/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.