Bootstrap Нарушение положения подсказки при большом размере - PullRequest
Новая
       11

Bootstrap Нарушение положения подсказки при большом размере

0 голосов
/ 30 мая 2018

Я использую всплывающую подсказку с fullcalendar.js (но проблема не в полной логике календаря, я просто включил ее в любом случае.)

Проблема здесь JSfiddle .Вы увидите всплывающую подсказку.

Это очень легко исправить, если я уберу overflow-y:scroll из контейнера., Чтобы он выглядел следующим образом 

.container{
  height:300px;
  width:220px;
  display:block;
  margin:auto;
}

К сожалению, мне нужно это overflow-y:scroll.

Есть идеи?Спасибо.

1 Ответ

0 голосов
/ 30 мая 2018

Вам просто нужно добавить:

border: 'viewport'

в параметрах вызова функции всплывающей подсказки: 

$( document ).ready($('.hastooltip').tooltip({
        container: 'body',
        boundary: 'viewport',
        trigger: 'hover',
        template: '<div class="tooltip ' + tooptipClass + '" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>'}));

Проверьте пример здесь .

...