# When SearchBox view is used, its blurring out when we type in search term

**URL:** <https://discuss.elastic.co/t/when-searchbox-view-is-used-its-blurring-out-when-we-type-in-search-term/347869>\
**Category:** Elastic Search\
**Tags:** elastic-app-search\
**Created:** [November 23, 2023, 2:42pm UTC](https://discuss.elastic.co/t/when-searchbox-view-is-used-its-blurring-out-when-we-type-in-search-term/347869 "2023-11-23T14:42:46Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![shashankhat](https://avatars.discourse-cdn.com/v4/letter/s/50afbb/32.png) [@shashankhat](https://discuss.elastic.co/u/shashankhat)\
**Post date:** [November 23, 2023, 2:42pm UTC](https://discuss.elastic.co/t/when-searchbox-view-is-used-its-blurring-out-when-we-type-in-search-term/347869/1 "2023-11-23T14:42:46Z")

</div>

When I use SearchBox view, when I type in the value inside input field, its blurring out. Each time I want to type I need to select the input box.  
It would be very helpful if I get help in solving this issue.

Below is my code snippet  
import { SearchBox } from '@elastic/react-search-ui'  
\<SearchBox  
view={({ value, onChange, onSubmit }) =\> (  
  
\<input  
type="text"  
value={value}  
onChange={(e) =\> onChange(e.target.value)}  
/\>  
  
  
)}  
/\>

---

<div class="post-metadata">

**Author:** ![Yan\_Savitski](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/yan_savitski/32/126980_2.png) [@Yan\_Savitski](https://discuss.elastic.co/u/Yan_Savitski)\
**Post date:** [December 12, 2023, 2:09pm UTC](https://discuss.elastic.co/t/when-searchbox-view-is-used-its-blurring-out-when-we-type-in-search-term/347869/2 "2023-12-12T14:09:16Z")

</div>

Hey  
I've checked your snippet and couldn't reproduce your issue. Maybe you have something else that do some actions on input value change that makes blurring. What device do you see this issue on?  
Below is link to sandbox where you can check:  
[https://codesandbox.io/s/hungry-black-qw9wys?file=/src/pages/elasticsearch/index.js](https://codesandbox.io/s/hungry-black-qw9wys?file=/src/pages/elasticsearch/index.js)

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [January 9, 2024, 2:10pm UTC](https://discuss.elastic.co/t/when-searchbox-view-is-used-its-blurring-out-when-we-type-in-search-term/347869/3 "2024-01-09T14:10:01Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.