Listbox scrolls to the selected option and does not allow to display the rest.

[Allorentee]

What package within Headless UI are you using?

@headlessui/react

What version of that package are you using?

@headlessui/[email protected]

What browser are you using?

For example: Chrome, Safari, or N/A

Reproduction URL

I have created an example so that the issue can be tested.

Reproduce: Reproduce listbox options

Here is the visualisation of how it scrolls to the selected option without displaying the rest of the options

Describe your issue

Hii, the other day using the Listbox component I found something irregular.

this component when the options are cleared and you don't have enough space in the screen to show them, it makes a scroll towards the selected option.

The problem is when you have 5 or more options and you have selected the second one, when you deploy the options, it scrolls to the second option which is the selected one but does not allow you to view the rest or scroll because it blocks the scroll of the page, it scrolls to the selected option and the options do not have space on the screen to be displayed, it scrolls to the selected option after the scroll is blocked.

I would like to make a pr to make the component scroll to the last visible option.

Ty for read me!!