[Menu] Add a Dropdown example
See original GitHub issue- I have searched the issues of this repository and believe that this is not a duplicate.
Expected Behavior
Since Menu inherited from Popover, we should be able to change the value of anchorOrigin.
Current Behavior
Changing the property vertical of anchorOrigin change nothing. The Menu is still attached to the top of the anchor. horizontal property works great.
Steps to Reproduce
https://codesandbox.io/s/6nllq0zzlz
SimpleMenu doesn’t take into accounts the vertical property of anchorOrigin. SimplePopover is the same code, with Menu replaced with Popover (and the expected behavior).
Your Environment
| Tech | Version |
|---|---|
| Material-UI | 1.0.0-beta.38 |
| React | 16.2.0 |
| browser | Chrome 65 |
Issue Analytics
- State:
- Created 5 years ago
- Reactions:4
- Comments:6 (3 by maintainers)
Top Results From Across the Web
How To Create a Dropdown Menu With CSS and JavaScript
Create a dropdown menu that appears when the user clicks on a button. Step 1) Add HTML: Example. <div class="dropdown">
Read more >How to Create an HTML Dropdown Menu [+ Examples]
Step 1: Add a <label> element to your HTML document. This will be the name of your dropdown menu. · Step 2: Add...
Read more >50 Examples of Drop-Down Navigation Menus in Web Designs
50 Examples of Drop-Down Navigation Menus in Web Designs · 1. Pure Grips · 2. Porsche · 3. B&Q · 4. Red Brick...
Read more >HTML Drop-down Menu – How to Add a Drop-Down List with ...
In this article, you will learn how to add a drop-down list to the select element on your webpage. You'll also learn the...
Read more >Ten Examples of Dropdown Menus on Websites
Ten Examples of Dropdown Menus on Websites · 1. RTI · 2. Fleet Feet · 3. Kenan Flagler · 4. Moishe House ·...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found

https://codesandbox.io/s/x8k6446oz
The example having both
anchorOriginandtransformOriginIn my case, I remove
transformOriginand it works!Hope this helps someone