JSP masthead component in portal
I have a JSP component as the masthead in a AJAX Framework page. The masthead is 34px high and has a drop down menu on the top right hand corner.
When the user clicks on the drop down button, the masthead height is increased to render the drop down menu. This affects the overall UI.
How can i make the drop down menu to render without having the masthead height to increase?
Please see the images attached for the UI
css and html code also attached
Saar Dagan replied
It means that in your portal something has either a higher z-index or you are rendering in an IFrame.
Increase the z-index to 12000 and check if it shows, if not then you need to debug your framework and see what is it that blocks you.
If this doesn't help then increase the z-index for your entire masthead, set your masthead container z-index to 400 and the dropdown to 1000.