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
- Go to link above
- Move point over the User image next to the search box.
- 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.
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
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.