Listbox dynamic menu position placement examples

[AlexMachin1997]

Hi everyone,

First off this is a fantastic library, it's super easy to get co functionality working and easy to add more advanced functionality virtualization. One of the pieces of functionality I'm trying to add is menu placement.

So far I've tried to use an intersection hook from the "react-use" however I've been not been able to get the menu positioning correctly there is a small delay and flickering which is rather annoying. Has anyone tried to impliment similar functionality or know of any examples ?

Any comments or feedback is greatly appreciated, in the meantime I'll be contuning my research as I've seen this done already by libaries like Material-UI though I haven't seen the source code yet.

Thank's,

Alex

[AlexMachin1997]

Look's like I might need to use popper to achieve the functionality I want, I believe that' how Material UI i doing such functionality for the Autocomplete component.

[AlexMachin1997]

I've managed to get auto placement for the Listbox and Combobox component's. The only dependency is Popper.

Listbox: https://github.com/AlexMachin1997/TheOpenMovieDB-React-Example/blob/feature/filtering-and-sorting/src/components/Core/Listbox/Listbox.jsx

Combobox: https://github.com/AlexMachin1997/TheOpenMovieDB-React-Example/blob/feature/filtering-and-sorting/src/components/Core/Combobox/Combobox.jsx