Угловой z-индекс не работает для ящика с фиксированным положением внутри дочернего компонента из-за контекста родительск ⇐ CSS

[Anonymous]

Я использую angular, я предоставил точный код, z-index ящика больше, чем app-context-icons, а также div ящика не выходит за рамки app-context-icons
Мне не разрешено изменять макет или структуру HTML, мне разрешено делать что-либо внутри компонента Dynamic-Form-drawer, но это приложение будет внутри app-context-icons-tab
html









css:
context-icons-tabs.css:
#context-icons-tabs-container app-context-icons {
z-index: 9999;
}

dynamic-form-drawer.component.css:

.drawer {
position: fixed;
right: 0;
top: 0;
width: $width;
height: 100%;
background: #fff;
box-shadow: -2px 0 8px #00000026;
z-index: 999999999;
display: flex;
flex-direction: column;
}


Подробнее здесь: https://stackoverflow.com/questions/798 ... ponent-due