Skip to content

Search Bar Does Not Handle Empty or Invalid Input Correctly #2061

@Darshanbm05

Description

@Darshanbm05
   The search bar on the website does not handle empty input, numeric input, or symbol input properly.

When users search with invalid text or leave the search field empty, the page does not reload, does not reset the project cards, and does not show any message. This creates a confusing user experience.

To Reproduce

Steps to reproduce the behavior:

1.Go to: https://frontendprojects.netlify.app/

2.Click on the search bar.

3.Try searching with:

    No input (empty)

   Numbers (ex: 123)

   Special characters (ex: @@@)

    Very long input

4.The page does not reset or show any warning.

5.No useful feedback is given.

Expected behavior

  1. If user presses search with empty input, the page should reload or show all projects again.

  2. If user enters numbers or symbols, a message should appear like “Please enter valid text.”

  3. Search should be limited to a maximum number of characters.

  4. UI should guide the user with proper feedback.

I’d like to work on implementing this — could you please assign this issue to me? 🙌

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions