Mini search field looses focus after its JavaScript is initialized

[krzksz]

Preconditions

1. Any Magento 2.x.x installation, e.g. http://magento2-demo.nexcess.net/

Steps to reproduce

1. Open Magento 2 shop.
2. Focus mini search field before JavaScript manages to load and optionally start writing some query there.

Expected result

1. The focus is maintained when the component is initialized.

Actual result

1. After mini search component's JavaScript loads and initializes, search input loses focus and user has to focus it again.

As far as I understand this part of the code is responsible for above behavior:

magento2/app/code/Magento/Search/view/frontend/web/form-mini.js

Line 101 in 36bfa58

this.element.trigger('blur');

I suspect it was added to correctly toggle active classes attached to focus event by forcing the user to reselect input field. I'm creating PR which will make code check current active element and triggers setActiveState method if it is our component's input.

[magento-engcom-team]

@krzksz, thank you for your report.
We've acknowledged the issue and added to our backlog.

[magento-engcom-team]

Hi @krzksz. Thank you for your report.
The issue has been fixed in #13989 by @krzksz in 2.2-develop branch
Related commit(s):

• 9eb3c6f5a00b12cde1b397bab983305acf568688

The fix will be available with the upcoming 2.2.5 release.

[magento-engcom-team]

Hi @krzksz. Thank you for your report.
The issue has been fixed in #14180 by @mastiuhin-olexandr in 2.3-develop branch
Related commit(s):

• 2f624a4852d0b0323b4ea88615859b3726f46da4

The fix will be available with the upcoming 2.3.0 release.