ng-bootstrap не правильная позиция dropdown и tooltip

Доброго времени суток.

Есть небольшая страница написана на angular которая использует ng-bootstrap:

В браузере google-chrome 34 наблюдаю проблему в виде того что элементы Tooltip, Dropdowns, Popovers не корректно отображаются. Отображаемый элемент появляется не там где должен.

Проблемы не в bootstrap, так как если зайти на страничку bootstrap там все работает.

Я поискал различные варианты решений, но конкретно по моему случае не нашел. Хотя подозреваю что проблема решается элементарной правкой CSS стиля ))

Примечание:

Почему именно эта версия браузера?

Ответ:

Потому что эта версия браузера используется ( встроена ) в программе совершения звонков и обновить его возможности к сожалению нет.

Как тестировал:

Нашел версию google-chrome 34 которая почти совпадает с версией встроенного компонента браузера в программе совершения звонков.

Прикрепляю:

  • GIF с проблемой
  • портативную версию браузера google-chrome 34
    1. для запуска распаковать архив
    2. запустить файл start.bat

GIF с проблемой:

введите сюда описание изображения

Вопрос: Сталкивался ли кто нибудь с подобной проблемой? Можете подсказать решение или направление поиска?

Заранее спасибо ).


Ответы (0 шт):