Add clear button (✕) to search input 🔍
Maintainers usually reply within 1 day
A pull request for this has already been merged.
- #618 by @tu-lasizzzz — merged
Assessment
- Difficulty
- 1/5
- Estimated time
- 1-3 hours
- Newbie friendliness
- 88/100
- Issue type
- Feature
- Clarity
- Clearly specified
- Activity status
- Active
- Tech stack
- javascript, react, tailwindcss
- Domain
- frontend
Research direction
Start in client/src/pages/Dashboard.jsx and locate the search input bound to searchQuery. Add a clear control that appears when the query has a value and clears it when clicked, following the example in the issue. Confirm the control appears only for nonempty searches and that clicking it clears the search.
Written by the indexing model from the issue text.
Description
Add clear button (✕) to search input 🔍
File: client/src/pages/Dashboard.jsx
When search has text there's no quick
way to clear it 💀 have to backspace fr!!
Fix: show clear button when search has value:
setSearchQuery(e.target.value)} placeholder="Search tasks..." className="..." /> {searchQuery && ( setSearchQuery('')} className="absolute right-2 top-1/2 -translate-y-1/2 text-[#555] hover:text-[#aaa] transition text-xs"> ✕ )}~8 lines! No backend needed 🎯
- Dominant language
- JavaScript
- Stars
- 39
- Forks
- 105
- Avg merge
- 1d 12h
- Merged PRs (30d)
- 40
Getting set up
- No Dockerfile or Docker Compose file
- No pull request template
- Read the contributing guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from anoopcodehack/DevBoard
-
enhancement good first issue
Difficulty 2/5 1-3 hours Newbie friendliness 70/100
anoopcodehack/DevBoard#630 ·
Maintainers usually reply within 1 day
-
enhancement good first issue
Difficulty 2/5 1-3 hours Newbie friendliness 85/100
anoopcodehack/DevBoard#627 ·
Maintainers usually reply within 1 day
-
Add smooth horizontal scroll on board 🖱️Possibly taken @nikhil9verma claimed this 5 days ago. Opengood first issue
Difficulty 1/5 1-3 hours Newbie friendliness 85/100
anoopcodehack/DevBoard#615 · 2 comments ·
Maintainers usually reply within 1 day
-
Show task creation date in modal footer 📅Possibly taken @nikhil9verma claimed this 5 days ago. Opengood first issue
Difficulty 1/5 1-3 hours Newbie friendliness 90/100
anoopcodehack/DevBoard#614 · 1 comment ·
Maintainers usually reply within 1 day
-
Truncate long custom column names gracefully ✂️Possibly taken @nikhil9verma claimed this 6 days ago. Opengood first issue
Difficulty 1/5 Under an hour Newbie friendliness 95/100
anoopcodehack/DevBoard#613 · 3 comments · 1 assignee ·
Maintainers usually reply within 1 day
All issues in anoopcodehack/DevBoard
Similar issues
-
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
Spomky-Labs/pwa-bundle#476 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
Maintainers usually reply within 1 day
-
Difficulty 2/5 1-3 hours Newbie friendliness 69/100
c1overzz/dsh-bili-scroll#35 ·
Maintainers usually reply within 1 day
-
needs triage
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
pbakaus/impeccable#1077 ·
Maintainers usually reply within 1 day
-
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
Maintainers usually reply within 1 day