diff --git a/assets/localization-form.js b/assets/localization-form.js index 4d532ece621..3eff4e41d4b 100644 --- a/assets/localization-form.js +++ b/assets/localization-form.js @@ -138,8 +138,15 @@ if (!customElements.get('localization-form')) { } } + normalizeString(str) { + return str + .normalize('NFD') + .replace(/\p{Diacritic}/gu, '') + .toLowerCase(); + } + filterCountries() { - const searchValue = this.elements.search.value.toLowerCase(); + const searchValue = this.normalizeString(this.elements.search.value); const popularCountries = this.querySelector('.popular-countries'); const allCountries = this.querySelectorAll('a'); let visibleCountries = allCountries.length; @@ -151,7 +158,7 @@ if (!customElements.get('localization-form')) { } allCountries.forEach((item) => { - const countryName = item.querySelector('.country').textContent.toLowerCase(); + const countryName = this.normalizeString(item.querySelector('.country').textContent); if (countryName.indexOf(searchValue) > -1) { item.parentElement.classList.remove('hidden'); visibleCountries++;