Tabbar перед Popup

1

Здравствуйте.
В Tabbar расположены кнопки, при нажатии которых, выезжает/прячется Popup (которому вручную уменьшаем высоту, чтобы отображался Tabbar).
Возможно ли как-то сделать, чтобы при выезде Popup, он не перекрывал собой Tabbar?
Свойство z-index не работает.
Спасибо.

2

CSS стили для Popup, сделать ему bottom / padding, чтобы он не перекрывал tabber?

3

Я же написал, что вручную ему высоту ставим, когда анимация завершена, все отображается как надо.
Вопрос, как сделать в момент самой анимации, когда Popup выезжает и прячется, чтобы он не перекрывал Tabbar?

4

Так просто никак, так как они находятся совершенно на разных уровнях DOM, то z-index не поможет. Если принципиально, можно:

  1. При открытии попапа, дублировать элемент tabbar’a с более высоким z-index и вставлять его в app.root
  2. Как попап открыт, удалять дублированный tabor
    3, 4. Тоже самое при закрытии
5

Попробуем!
А не планируется в будущем такой возможности из коробки?..

6

Здравствуйте.
Хотел бы поднять тему, не планируется ли в будущем встроенная в F7 возможность отображения Tabbar перед Popup?..

7

У Popup есть параметр containerEl чтобы открыть его в другом элементе, например внутри Views где tabbar, тогда z-index будет работать

8

А если используется Views As Tabs и у каждого view tab свой tabbar, возможно ли при этом как-то настроить Popup, чтобы он во всех view tab находился за tabbar?..