Dropdown doesn't open when clicking chevron on Android

[Yehya22]

First off, thanks for this great library.

I've noticed an issue when using svelte-select in a mobile app built with Svelte 5 and Capacitor - when testing on the Android simulator, clicking on the dropdown chevron does not open the select dropdown, even though clicking on the select box itself does open it.
I'm on svelte-select version [5.8.3].

[hankolsen]

Same thing on iOS.
Using svelte-select on a regular website. When browsing with iOS, clicking the chevron does not open the select dropdown.

[FreHu]

I'm dealing with a slightly different issue where tapping the chevron or an item in a multiselect causes the keyboard to show and immediately disappear.

I can reproduce it in the demo:
https://github.com/user-attachments/assets/07281ab4-5d36-483d-9821-8d6a788d1629
https://github.com/user-attachments/assets/0af1bea1-173f-43ed-9b13-339f24fdef70

For the chevron I have a workaround, basically I don't use the default showChevron prop and replaced it with a similar looking pseudoelement. Here's the outline of the solution:

:global(.with-chevron .value-container::after) {
        content: "›";
        position: absolute;
        right: 10px;
        top: 20%;
        transform: rotate(90deg);
        font-weight: bold;
        pointer-events: none;
        font-size:20px;
    }

If anyone has ideas on how to fix the keyboard behavior completely I'd appreciate it.