CDK Defect- z-index of DxcApplicationLayout.Header

[NorbertPointu]

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: