[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 FreeTop 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
Top GitHub Comments
https://codesandbox.io/s/x8k6446oz
The example having both
anchorOrigin
andtransformOrigin
In my case, I remove
transformOrigin
and it works!Hope this helps someone