Listbox initial scrolled position

[amcurative]

I have a big listbox and want to have the user start in the middle instead of at the very top when they click the button iniitally and have nothing selected. This is because the values at that point are more likely to be relevant to the user and don't want them to have to scroll all the way down to find that. I can't put it at the top because its an ordered list of numbers basically.

Haven't found an obvious way to achieve this with headless yet

[amcurative]

Ended up adding an onclick on the listbox button for now, not ideal but i think it somewhat works

     onClick={() => {
                    const k = "headlessui-listbox-options-\:r8\:";

                    setTimeout(function () {
                      const listbox = document.getElementById(k);
                      listbox?.scroll({
                        top: listbox.scrollHeight / 2,
                        left: 0,
                      });
                    }, 100);
                  }}