CDK Defect- z-index of DxcApplicationLayout.Header #262
Description
CDK component
DxcApplicationLayout
Result CDK
The DxcApplicationLayout.Header component has a z-index of 10, while some other CDK components have greater. This means that when scrolling in the DxcApplicationLayout.Main, some of its contents render above the header.
*How to reproduce : *
Screenshot of render before:
Expected behavior
The z-index should be able to be set higher on the header, or should be higher than the other components, so that they don't render over it.
What have you done to fix the issue
In the DxcApplicationLayout.Main I added divs with CSS rule z-index: 9; which give all of their children a lower z-index than the header.
Screenshot after:
