Hi Ekansh,
This was a very interesting problem.
For selectOnFocus property
Normally, search text is selected for copy when the SearchField is focused by keyboard navigation. If an application re-renders the SearchField during the liveChange event, set this property to false to disable text selection by focus.
I had faced a similar problem here (Fragment cannot be updated once it is opened) Where the text had to be changed for a button dynamically.
And the solution I gave was to rerender the button.
Now you are curious, is this happening in your case?
Observe the reset button in the search field. It appears when you type the first letter. And to show that button(set its visibility to true) when the first character is entered the reset text button must be rerendered.
Okay. Now thats half the answer.
In the explored example SAPUI5 Explored
Only the reset button is getting rerendered since the search field is not within the list.
JS Bin - Collaborative JavaScript Debugging
In your case, since you have placed the search field within the list(in the headerToolbar), for some reason the whole search control is getting rerendered.
JS Bin - Collaborative JavaScript Debugging
Look in the console for the message "Search Field rendered again" when you type the first character for both cases.
So you could try with keeping your search field outside the list control. Like the explored example.
Regards,
Naren L Naik