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

Content Overflow on Organisation Tabs

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

Nobody has claimed this yet.

Assessment

Difficulty
4/5
Estimated time
3-5 days
Newbie friendliness
35/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Stale
Tech stack
typescript
Domain
frontend

Research direction

Reproduce the overflow across the listed Admin, Super-Admin, and Employee pages and tabs, using the linked recording as a reference. Check the tab layout at small browser widths, especially the dropdown behavior after horizontal scrolling. Done means the listed content no longer overflows and the tab dropdown closes after a selection.

Written by the indexing model from the issue text.

Description

bug :bug:

The page content overflows on the following:

Admin accounts:

On the "Organizația mea" page, in the following tabs:
-"Informații legale"
-"Informții financiare"
-"ONG-ul în numere"
On "Utilizatori" page first tab.

Super-Admin

On the "ONG-uri" page;
On the NGO detail page, in the following tabs:
-"Vedere de ansamblu"
-"Informații legale"
-"Informții financiare"
-"ONG-ul în numere"
On the "Utilizatori" page, both tabs;
On the "Solicitari acces" page;
On "Toate aplicatiile" page;
On "Lista ONG-uri" tab from an App detail page.

Employee

On the "Organizația mea" page, in the following tabs:
-"Informații legale"
-"Informții financiare"
-"ONG-ul în numere"

See Rec
https://github.com/code4romania/onghub/assets/118546170/ca2fa07f-80f3-4210-bafd-434976f845dc

Note:
On small browser window sizes were the tabs are displayed as a dropdown, if the user scrolls to the right and opens the tab dropdown, after selecting a tab the dropdown does not close.

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

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 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.