react-dd-menu icon indicating copy to clipboard operation
react-dd-menu copied to clipboard

How to deal with dropdown being hidden

Open denchen opened this issue 8 years ago • 1 comments

I want to add a menu to a fixed header. The header CSS is basically:

position: fixed;
top: 0;
left: 0;
height: 60px;
width: 100%;
z-index: 2;

If I try to add a <DropdownMenu> to an element in the header, most of the menu itself will be hidden because obviously the parent element is only 60px tall.

Is there some mechanism in react-dd-menu or some workaround to get around this?

denchen avatar Oct 04 '17 02:10 denchen

Actually, you can ignore / close this.

Why I thought it wasn't working was because I just happened to have an element right below the header that had a z-index set. Once I set a higher z-index for my fixed header, the menu shows up just fine.

(I hate CSS!)

denchen avatar Oct 04 '17 06:10 denchen