[BUG] - Autocomplete's selected item position not persist in dropdown list.

[imbazim]

HeroUI Version

2.7.8

Describe the bug

Autocomplete component's selected item position is not properly appearing like how Select component works.
Select also having the same issue with virtualized items.

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

1. Go to this page
2. Click on any Autocomplete and select one item, then click that again to check the selected item position is there.

Expected behavior

It should same as Select component. Remember, Select also having same issues with virtualized items.

Screenshots or Videos

heroui_issue11.mp4

Operating System Version

Windows

Browser

Chrome

[linear]

ENG-2496 [BUG] - Autocomplete's selected item position not persist in dropdown list.

[wingkwong]

Autocomplete component's selected item position is not properly appearing like how Select component works.

I'll make a PR for this part.

Select also having the same issue with virtualized items.

This is by design. In a virtualized list, scrollTop cannot be calculated as the list item is rendered dynamically. You can refer to the implementation from react-aria as well.

[imbazim]

What we can do to persist the virtualized list item position also?
This is so annoying to find out the selected item, for example, a Countries and States list. If I selected United States, we need to scroll until bottom to find out the selection.
We can't disable virtualization for large data like countries bcz it'll be very slow.

If anyone get any idea, please comment down here.

The problem is scrollTop cannot be calculated because the list items are rendered dynamically.