LocaleSelector's popup menu scrolls to selected item as default behavior

Steps to reproduce

1.  Go to demo
2.  Go to Site app, open Travel site definition and within the i18n folder, delete the locales node
3.  Select the i18n node and import the config.modules.multisite.config.sites.fallback.i18n.locales.yaml file
4.  Go to Pages-app, open a page and select another language (not English)
5. Check that if the locale belongs to the first group (you didn't need to scroll on the locales dropdown), then if you open the language selector again the selected language is selected
6. Now select a locale that is on other page (you need to scroll on the languages selector drop down)
7. Open the dropdown menu again and check that English (the first displayed locale) is selected

Expected results

The selected locale is respected

Actual results

If the selected locale is not on the first group of locales, the first one (usually, English) is selected

Workaround

N/A

Development notes

Check the videos attached by the customer:

Under ten locales

More than ten locales