Details
- 
        Type: Bug Bug
- 
        Status: Closed
- 
            Priority: Minor Minor
- 
            Resolution: Fixed
- 
            Affects Version/s: EE-3.2.0.GA, EE-3.3.0.GA
- 
            Fix Version/s: EE-3.3.0.GA_P01, 4.0.BETA, 4.0
- 
            Component/s: ACE-Components
- 
            Labels:None
- 
            Environment:All
- 
                        Assignee Priority:P1
- 
                        Salesforce Case Reference:
Description
                    The ace:notificationPanel is displayed behind the ace:tabSet.  This can be reproduced in the Showcase demo.  Display the notificationPanel and the source code panel so that ace:tabSet is shown.  Scrolling the browser down while the notification panel is displayed will have the panel shown behind the tabSet.
            
 
                        
It's not just that the ace:notificationPanel is shown behind the ace:tabSet, but that it's shown behind the source code ace:panel's header and content areas, with the source code tabSet being inside the source code panel.
And that's not from the source code panel having any special z-index or other layout but simply because the notificationPanel is inside of another ace:panel, that is a something of a peer of the source code ace:panel. As soon as the notificationPanel has a z-index of even just 1, then it shows over the panel header and content areas. A quick search of z-index in the ACE code shows that several components use z-index in the single digits for their regular layout, and several popup/overlay components use z-index of API that searches other z-index values already visible in the page, and dynamically calculates a larger one. Also, adding a z-index property to the notificationPanel would be in line with ace:draggable, but would not be as preferable as dynamic calculation. For a proper hard-coded value, we would need to decide which should display in front, menus or the notificationPanel.