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

Add Button Overflow When Adding Federations or Coalitions That Have Very Long Names

Open
#587 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
50/100
Issue type
Bug
Clarity
Clearly specified
Activity status
Stale
Tech stack
typescript
Domain
frontend

Research direction

Start at the NGO registration form's Step 4 and reproduce the issue in the Federații și Coaliții section with a very long federation name. Verify the same behavior for coalitions; the work is done when the added item remains usable and the Add button stays inside the form box for both inputs.

Written by the indexing model from the issue text.

Description

bug :bug: front-end

Preconditions:
The user must be logged in on the Step 4 of NGO registration form.

Steps to Reproduce:

  1. Go to "Federații și Coaliții" Section
  2. Select "Da" option for "Organizația ta face parte din una sau mai multe federații"
  3. Click on the Add button
  4. Enter a long text like: "ThisIs A very Long Nane for A federation, write it down so you wont forget it, make sure its kept safe under the stairs, on the second way before the moon falls down below the sea, a trap will open and the way to the rose tree will be revealed."
  5. Click on "Adaugă valoare"

Expected Results:
5. The item is added and UI components stay in place.

Actual Results:
5. The item is added and the Add button is pushed outside the form box.

Note:
Can be reproduced for Coalitions input as well.

See SS
image

Dominant language
TypeScript
Stars
6
Forks
5
PR merge metrics
No merged PRs in 30d

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.

More from code4romania/onghub

All issues in code4romania/onghub

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.