Issue: Outside click not hiding search results

[kavania2002]

What is the improvement or update you wish to see?

The search component does not hide results when the user clicks outside of the results box. I would like to see the search results automatically hidden when an outside click is detected.

Is there any context that might help us understand?

Currently, when using the search functionality in the component, the results remain visible even if the user clicks outside the search results area. This creates a poor user experience as the results should disappear once the user clicks outside. Adding an event listener to detect outside clicks and hide the results will improve usability.

Does the docs page already exist? Please link to it.

https://authjs.dev/getting-started

Please assign this issue to me. I would be happy to give it a try.

[github-actions]

This issue was marked with the good first issue label by a maintainer.

This means that it is a good candidate for someone interested in contributing to the project, but does not know where to start.

Have a look at the Contributing Guide first.

This will help you set up your development environment to get started. When you are ready, open a PR, and link back to this issue in the form of adding Fixes #1234 to the PR description, where 1234 is the issue number. This will auto-close the issue when the PR gets merged, making it easier for us to keep track of what has been fixed.

Please make sure that - if applicable - you add tests for the changes you make.

If you have any questions, feel free to ask in the comments below or the PR. Generally, you don't need to @mention anyone directly, as we will get notified anyway and will respond as soon as we can)

Note

There is no need to ask for permission "can I work on this?" Please, go ahead if there is no linked PR 🙂