ListBox (Select) doesn't scroll when using keyboard arrows

[panoukos41]

Hey, as I was trying the ListBox with a lot of items I noticed that the keyboard doesn't scroll the list. The items get's selected etc but you can't actually see it.

Actual behavior

Expected behavior (from official library)

[panoukos41]

Hey @DavidVollmers are you working on this or could I give it a try? I implemented a search just like html select element using the onkeydown on a ListBox. It scrolls the itme found in place so I would love to give it a try and then maybe try to PR my implementation for the search using keydown as a feature 😃

[DavidVollmers]

Hey there!

Feel free to give it a try, although the scroll implementation will be a little bit tricky here.

The keydown logic is implemented here:

Ignis/packages/Tailwind/Ignis.Components.HeadlessUI/Aria/AriaPopupExtensions.cs

Line 21 in 8605ab3

public static void OnKeyDown(this IAriaPopup popup, KeyboardEventArgs eventArgs)

But I think the best way to solve this issue is to overwrite the OnAfterOpen logic in all popups to scroll to its active descendant.
For the listbox this could happen here:

Ignis/packages/Tailwind/Ignis.Components.HeadlessUI/Listbox.cs

Line 270 in 8605ab3

protected override void OnAfterOpen(Action? continueWith)

[DavidVollmers]

We should fix this for all popups though. This means we should implement it in a way we can reuse the logic for the Listbox, Popover and Menu component.

[panoukos41]

I see, I will give it a try with that in mind!

[DavidVollmers]

This is fixed with release 1.4.0