Dropdown w formularzu React (Tailwind) – niestabilne działanie na urządzeniach mobilnych

pytanie zadane 18 marca w Urządzenia mobilne przez Digitalstorm Nowicjusz (120 p.)

mam problem z dropdownem w formularzu kontaktowym na mobile. Na desktopie wszystko działa poprawnie, natomiast na telefonie po kliknięciu dropdown się nie rozwija albo zachowuje się niestabilnie (czasami trzeba kliknąć kilka razy, czasami w ogóle nie reaguje).

Problem występuje tutaj:
https://digitalstorm.pl

Chodzi konkretnie o formularz kontaktowy (wybór usługi). Wygląda to tak, jakby event kliknięcia nie zawsze się odpalał albo coś blokowało interakcję (może overlay / z-index / focus?).

Stack:

React (Vite)
Tailwind CSS
custom dropdown (nie native select)

Co już sprawdziłem:

brak błędów w konsoli
event onClick jest przypisany poprawnie
na desktopie działa bez problemu
na mobile problem występuje głównie w Chrome

Zastanawiam się czy to może być:

problem z eventami dotykowymi (touch vs click)
konflikt z jakimś elementem nakładającym się na dropdown
albo coś z focus/blur

Miał ktoś podobny problem albo ma pomysł gdzie jeszcze szukać?

Z góry dzięki za pomoc

komentarz 18 marca przez Edd Obywatel (1,400 p.)

Mogę potwierdzić, że (chyba) coś jest nie tak, tzn. po zmianie usługi zmienia się formularz (nowe pola), ale jak np. przechodzę na "AI / Automatyzacja" to nadal są pola:

Czy masz już domenę?

Czy masz już hosting?

Czy masz już istniejącą stronę lub sklep?

których chyba (??) to nie dotyczy? Nie wiem jaki był zamiar, więc ciężko mi tu pomóc.

--

Dodam, że na mobilnym Chrome działa tak samo jak na PC z FF.

Jeszcze warto dodać, że "wybór usługi" nie powinien być wybieralny na liście tylko być jedynie etykietą okienka "combo box" (listy rozwijalnej).