[Bug] DropdownUser Overflow

[esko22]

Version

1.0.1

Reproduction link

https://demos.creative-tim.com/notus-pro-react/?&_ga=2.229479260.1752044279.1626287509-662393849.1623094052#/dashboard

Operating System

Big Sur 11.4

Device

Macbook Pro

Browser & Version

Chrome - 91.0.4472.114

Steps to reproduce

1. Go to link above
2. Move point over the User image next to the search box.
3. Click on image to cause menu to drop down.

What is expected?

The menu should open to the left if possible so that the overflow does not go off the page.

What is actually happening?

Menu is overflowing the main container causing the page to have horizontal scroll.

---

Solution

Allow the menu to either have a property to set that will allow it to open to the left or the right. I believe this may be accomplished via transformOrigin but I cannot see a way to set it.

Additional comments

Not a css pro so I could easily just be missing something here.