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

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)}
/>


)}
/>

1 Like

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

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