Display:none не скрывает пустую опцию в раскрывающемся списке в IE ⇐ CSS

[Гость]

У меня запущено приложение Angular 11. На странице у меня есть 2 переключателя и один раскрывающийся список. Поведение заключается в том, что всякий раз, когда я меняю выбор переключателя, я хочу сбросить значение раскрывающегося списка и показать пустое значение в раскрывающемся списке.
Приведенный ниже код работает нормально в Chrome. Но в IE я все еще вижу пустую опцию в раскрывающемся списке. Я не хочу показывать пустую опцию в раскрывающемся списке.
test.comComponent.html



{{item.Key}}





test.comComponent.ts
this.myForm.controls['City'].valueChanges.subscribe(this.onCityChange.bind(this));

onCityChange()
{
this.myForm.get['City'].patchValue('');
}


Подробнее здесь: https://stackoverflow.com/questions/784 ... down-in-ie