fix for search due to eui@29.0.0

[snide]

Summary

This is an implementation fix due to #77802

The new search template has some new requirements around breakpoints and mobile buttons. These props were absent in the upgrade PR and forced the search to have issues with blur states.

Checklist

Delete any items that are not applicable to this PR.

• [ ] Any text added follows EUI's writing guidelines, uses sentence case text and includes [i18n support](https://github.com/elastic/kibana/blob/master/packages/kbn-i18n/README.md)
• [ ] Documentation was added for features that require explanation or tutorials
• [ ] Unit or functional tests were updated or added to match the most common scenarios
• This was checked for keyboard-only and screenreader accessibility
• This renders correctly on smaller devices using a responsive layout. (You can test this in your browser
• This was checked for cross-browser compatibility

For maintainers

• [ ] This was checked for breaking API changes and was labeled appropriately

[snide]

@cchaos we probably need to think up a way to handle the mobile stuff a little cleaner in Kibana, but this addresses the main issues. cc @myasonik for awareness.

[elasticmachine]

Pinging @elastic/kibana-core-ui (Team:Core UI)

[ryankeairns]

Reviewed tabbing, works as expected. Thanks Dave!

[snide]

@elasticmachine merge upstream

[shahzad31]

it has other few quirky behaviours, for example sometimes clearing the searchbox doesn't reset the result list

[shahzad31]

Also if you use purely keyboard to focus and search, then it doesn't auto select the first entry in the list.

[kibanamachine]

💚 Build Succeeded

• continuous-integration/kibana-ci/pull-request
• Commit: 2a73c1d

Build metrics

page load bundle size

id	value	diff	baseline
globalSearchBar	27.9KB	+458.0B	27.5KB

History

• 💚 Build #75901 succeeded c1c6599
• 💚 Build #75726 succeeded 2fc3f4b

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

[snide]

@shahzad31 I'll leave that feedback to the core ui team. This was a quick regression fix that I'd like to get to master.

[kibanamachine]

Friendly reminder: Looks like this PR hasn’t been backported yet.
To create backports run node scripts/backport --pr 77962 or prevent reminders by adding the backport:skip label.

[myasonik]

@snide Did you backport this?

[kibanamachine]

Looks like this PR has a backport PR but it still hasn't been merged. Please merge it ASAP to keep the branches relatively in sync.