Раскрывающаяся кнопка на веб-сайте Svelte Kit не работает на iOS?

Question

https://github.com/iamAbhinavPR/dotZODE

Репозиторий сайта на GitHub.

Веб-сайт представляет собой конвертер двоичного, шестнадцатеричного, восьмеричного и ASCII-кода. В iOS две кнопки выбора не реагируют и не работают при нажатии, но они отлично работают на Android и Windows. Я не тестировал его на Mac, потому что у меня его нет.

Я пытался изменить метатеги области просмотра, но это не решило проблему.

          <div class="mb-10 mt-5"> 
     <!-- First Button --> 
     <button class="btn variant-filled-secondary w-48 justify-between" use:popup={popupCombobox}> 
       <span class="capitalize">{listValue ?? "Select"}</span> 
       <span class="material-symbols-rounded">expand_more</span> 
     </button> 

     <!-- Second Button --> 
     <button class="btn variant-filled-secondary w-48 justify-between" use:popup={popupCombobox2}> 
       <span class="capitalize">{listValue2 ?? "Select"}</span> 
       <span class="material-symbols-rounded">expand_more</span> 
     </button> 

     <!-- First Dropdown List --> 
     <div class="card w-48 shadow-xl py-2" data-popup="popupCombobox"> 
       <ListBox rounded="rounded-none"> 
         <ListBoxItem bind:group={listValue} name="medium" value="ASCII">ASCII</ListBoxItem> 
         <ListBoxItem bind:group={listValue} name="medium" value="Binary">Binary</ListBoxItem> 
         <ListBoxItem bind:group={listValue} name="medium" value="Octal">Octal</ListBoxItem> 
         <ListBoxItem bind:group={listValue} name="medium" value="Hex">Hexadecimal</ListBoxItem> 
       </ListBox> 
     </div> 

     <!-- Second Dropdown List --> 
     <div class="card w-48 shadow-xl py-2" data-popup="popupCombobox2"> 
       <ListBox rounded="rounded-none"> 
         <ListBoxItem bind:group={listValue2} name="medium" value="Octal">Octal</ListBoxItem> 
         <ListBoxItem bind:group={listValue2} name="medium" value="Hex">Hexadecimal</ListBoxItem> 
         <ListBoxItem bind:group={listValue2} name="medium2" value="Binary">Binary</ListBoxItem> 
         <ListBoxItem bind:group={listValue2} name="medium2" value="ASCII">ASCII</ListBoxItem> 
       </ListBox> 
     </div> 

 </div>

Answer 1

Я это исправил. Я меняю событие с фокус-щелчка на щелчок

      const popupCombobox: PopupSettings = {
    event: 'click',
    target: 'popupCombobox',
    placement: 'bottom',
    closeQuery: '.listbox-item'
};