When placing a navigation component on a page, the display of drop-down menus gets “cut-off” based on container height, etc. Placing the nav component in the “header” and the problem does not occur.
One solution to this is to ensure that the container has a minimum height of what the menu would need but this is not ideal. I’m guessing the problem has something to do with the zorder and/or the js/css implementation.
Note in the screen cap below the menu should display the entire SFDC Apps menu.
Steps to repro:
- Create new blank page
- Add nav component and set it to dropdown for any of the options
- Preview
Sample Page XML
<skuidpage unsavedchangeswarning="yes" personalizationmode="server" showsidebar="false" showheader="false"> <models></models>
Thanks!