Autocomplete: Close button on tags doesn't work correctly in multiple mode on mobile

[hossein-sarreshtedari]

HeroUI Version

3.2.1

Describe the bug

When using the Autocomplete component with the multiple prop enabled, the close (remove) button on the selected tags inside the value trigger behaves inconsistently on mobile devices.

In many cases, tapping the close button does not remove the tag on the first attempt. It may require several taps before the tag is finally removed, making the interaction feel unreliable.

Note: The issue is easier to reproduce when multiple options have been selected, so it's recommended to select several items before testing.

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

1. Open the Autocomplete component on a mobile device.
2. Enable the multiple prop.
3. Select multiple options so they appear as tags in the value trigger.
4. Tap the close (remove) button on one of the selected tags.
5. Notice that the tag is often not removed on the first tap and may require multiple attempts before it is removed.

Expected behavior

The selected tag should be removed immediately after a single tap on its close (remove) button. The interaction should be consistent and responsive on mobile devices.

Screenshots or Videos

Operating System Version

Nothing Phone

Browser

Chrome

[wingkwong]

May I know which mobile OS (like ios, android) you use? I tried several times on the doc site and able to remove on the first click.

[hossein-sarreshtedari]

nothing phone 2a
nothing os 4.1
android 16
by chrome and firefox