Bootstrap включает в себя несколько компонентов, которые функционируют как наложение некоторого вида. Это включает, в порядке наивысшего z-индекса, выпадающие списки, фиксированные и прикрепленные навигационные панели, модалы, всплывающие подсказки и всплывающие окна. Эти компоненты имеют собственную шкалу z-index, которая начинается с 1000. Этот начальный номер является случайным и служит небольшим буфером между нашими стилями и пользовательскими стилями вашего проекта.
Каждый компонент наложения увеличивает свой z-значение индекса немного таким образом, что общие принципы пользовательского интерфейса позволяют ориентированным на пользователя или находящимся на нем элементам всегда оставаться на виду.
Таким образом, изменение значения Z-индекса окна чата на значение, большее, чем zИндекс navbar может решить проблему.