… focused closes #30607

All Submissions:

• Have you followed the WooCommerce Contributing guideline?
• Does your code follow the WordPress' coding standards?
• Have you checked to ensure there aren't other open Pull Requests for the same update/change?

Changes proposed in this Pull Request:

Closes #30607

Some alternatives I've tried is to use jQuery however browsers are not liking it so I opted to use the native DOM element combine with vanilla JS instead.

How to test the changes in this Pull Request:

1. Go to an existing order click on "Add item" button. Make sure the order is in "Pending" status.
2. Then click on "Add product(s)" button.
3. You will see a popup menu. Click on TAB on the keyboard until it focuses on the Select2 Dropdown.
4. Start typing for a product to search.
5. Ensure it opens the dropdown and it starts searching for your key terms. Search for one that actually exists, highlight it and press enter.
6. Press your Tab key twice to highlight the next Select2 dropdown and repeat steps 4-5.
7. Ensure it gets focused is working.
8. Check other Select2 dropdowns and ensure there are no regression. Such as the Country dropdown field on checkout.

Other information:

• Have you added an explanation of what your changes do and why you'd like us to include them?
• Have you written new tests for your changes, as applicable?
• Have you successfully run tests with your changes locally?

Changelog entry

Fix - Select2 dropdown search input not getting focus when select2 dropdown element gets focused.

FOR PR REVIEWER ONLY:

• I have reviewed that everything is sanitized/escaped appropriately for any SQL or XSS injection possibilities. I made sure Linting is not ignored or disabled.