Replace Custom Dropdown with Floating UI Implementation

saurabhdaware commented 1 year ago

We didn't come across Floating UI while building Dropdown but it seems like a perfect library for our usecase.

Example: https://codesandbox.io/s/admiring-lamport-5wt3yg?file=/src/DropdownMenu.tsx

Things to explore

[ ] How can header and footer focus be implemented in this?
[ ] Tags implementation

Will simplify few things for future

[ ] Nested Menus will get easy if usecase comes
[ ] Blurring logic is very hacky right now. If Floating UI happens to support header and footer, blurring logic will get simpler
[ ] Will remove lots of custom code

anuraghazra commented 6 months ago

@saurabhdaware did we do this? I remember you replacing this with FloatingUI

saurabhdaware commented 5 months ago

@saurabhdaware did we do this? I remember you replacing this with FloatingUI

The dropdown's open, close, and handling screenwidth logic is on floating ui. But there are still few things like typeahead, etc that can be moved so will keep it open for now

razorpay / blade

Replace Custom Dropdown with Floating UI Implementation #1353