Всем привет, использую ui-kit https://js.devexpress.com/Documentation/22_1/ - компоненты, наподобие popover, popup

Question

Всем привет, использую ui-kit https://js.devexpress.com/Documentation/22_1/ - компоненты, наподобие popover, popup

и т.п. вставляются в конце body в виде div.overlay —> внутри начинка компонента и всё это добро с z-index 1501, если одновременно будет существовать несколько таких компонентов, то будет соответственно несколько div.overlay в конце body и у каждого последующего z-index += 1, т.е. 1501, 1502, 1503, чтобы можно было открывать попап в попапе или пользоваться поповером внутри окна, вырванного из потока документа.
Я сделал свой компонент, который тоже использует z-index, поставил ему сначала значение 2000, чтобы он всегда был поверх ui-kit компонентов, и всё было хорошо, пока не пришлось использовать ui-kit popover внутри моего компонента. Получается, что какое-то конкретное универсальное значение z-index для моего компонента я не могу подобрать, потому что он может использоваться на разных "слоях" приложения и в себе содержать компоненты из ui-kit, как можно решить эту проблему?
Я придумал задавать через @Input() моего компонента z-index в зависимости от контекста его использования (например если будет вызываться в корневом компоненте приложения, то один z-index, если внутри ui-kit popup, т.е. на 1 слой выше, то другой и т.д.), но есть предположение, что это костыльное решение.
По-хорошему бы как-то встроить мой компонент в поток слоёв ui-kit`а ...

#angular #frontend #javascript #programming #russian

0

16.02.2022