Блог

У меня есть компонент react, и я выбираю сгенерированный как:

 <select 
   name="${countryIDName}" 
   value=${selectedCountryId}
   disabled=${readOnly}
   onChange=${onSelectCountry}
>
   ${countries.map(country => html`
   <option 
      key=${country.id} 
      value=${country.id}
   >
   ${country.name}
   </option>`
   )}
</select>
 

Этот выбор является частью формы во всплывающем элементе. Проблема в том, что при открытии страницы со скрытым всплывающим окном (отображение:нет), а затем при открытии всплывающего окна (изменить отображение всплывающего окна на блокировку) значение в отображаемом выборе не выбрано, но при открытии страницы с видимым всплывающим окном (отображение всплывающего окна установлено на блокировку во время открытия страницы) выбор отображает правильное значение выбора.