Feature: Add "Clear input" button for input textarea (with confirmation)

Open Beginner friendly
#322 5 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
Half a day
Newbie friendliness
62/100
Issue type
Feature
Clarity
Clearly specified
Activity status
Stale
Tech stack
javascript
Domain
frontend

Research direction

Start by reading eduaid_web/src/pages/Text_Input.jsx and extension/src/pages/text_input/TextInput.jsx, especially the existing Paste button and word count behavior. Add the matching Clear interaction in both files with a confirmation step, then verify that confirmation prevents accidental clearing, accepted clearing empties the textarea, and word counts still update correctly.

Written by the indexing model from the issue text.

Description

Title

Feature: Add "Clear input" button for input textarea (with confirmation)

Description

Add a Clear button next to the existing Paste button to quickly reset the input textarea content. Implement this in both the web app and the browser extension for consistent UX.

Acceptance Criteria

  • Clicking Clear empties the textarea.
  • Show a confirmation step (OK to use confirm(), a small modal, or a simple inline "Are you sure?") to prevent accidental clears.
  • Must not break the existing word count behavior.
  • Implemented in both web and extension for consistency.

Files / Locations

  • eduaid_web/src/pages/Text_Input.jsx
  • extension/src/pages/text_input/TextInput.jsx

Notes

Keep changes minimal. Avoid unrelated UI refactors or styling changes.

Dominant language
JavaScript
Stars
172
Forks
423
PR merge metrics
No merged PRs in 30d

Contributor guide

No contributing guide indexed for this repository

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 AOSSIE-Org/EduAid

All issues in AOSSIE-Org/EduAid

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.