Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

Expanded recipients headers overlap

Open Beginner friendly
#13,922 1 comment 1 reaction 0 assignees View on GitHub

Maintainers usually reply within 1 day

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
65/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Active
Tech stack
javascript
Domain
frontend

Research direction

Reproduce the overflow in the mail composer by expanding the To and CC recipient fields, then adding message lines until the composer reaches its maximum height. Check the current composer and recipient field components and their tests in the repository; the issue does not name specific files. Verify the fix by confirming expanded recipient fields remain within the composer at maximum height, and check behavior on main with the current Vue and nextcloud-vue versions.

Written by the indexing model from the issue text.

Description

1. to develop bug
Steps to reproduce
  1. Start writing a mail
  2. Add two recipients in To field
  3. Click + 1 in the To filed to expand recipients
  4. Add two recipients in CC field
  5. Click + 1 in the CC filed to expand recipients
  6. Add new lines to the message making the composer window to max height
Expected behavior

Recipient fields do not overflow.

Actual behavior

Recipient fields star overflowing

Image
Mail app version

5.12.5

Nextcloud version

No response

Mailserver or service

No response

Operating system

No response

PHP engine version

None

Nextcloud memory caching

No response

Web server

None

Database

None

Additional info

Tested with Chromium 155

Needs to be verified again on main as it might be not up to date with the new Vue and nextcloud-vue versions.

Dominant language
JavaScript
Stars
1k
Forks
369
Avg merge
1d 18h
Merged PRs (30d)
118

Getting set up

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.

More from nextcloud/mail

All issues in nextcloud/mail

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.