Как настроить Popper.JS из Bootstrap 4 - PullRequest
Новая
       36

Как настроить Popper.JS из Bootstrap 4

0 голосов
/ 10 мая 2019

Я использую split.js, чтобы разделить экран на две части. В правой части есть несколько полей ввода с всплывающей подсказкой Bootstrap.

Поскольку ширина контейнера недостаточно велика в правой части, всплывающие подсказки Bootstrap отображаются не слева, как должно, над желобом, а справа.

Чтобы справиться с этим, мне пришлось импортировать bootstrap.min.js в мой проект и изменить следующие строки: 

preventOverflow: {
    boundariesElement: this.config.boundary
}

по 

preventOverflow: {
    enabled: false,
    boundariesElement: this.config.boundary
}

Структура полей ввода правой части выглядит следующим образом. 

<div id="leftContainer"></div>
<div id="rightContainer"></div>
    <table>
        <tr>
            <td>
                <label>
                      <div>someText</div>
                      <input type="text"
                             size="2"
                             rel="tooltip"
                             data-toggle="tooltip"
                             data-trigger="focus"
                             data-placement="left"
                             data-html="true"
                             data-title="someTitle"
                             value="someValue"
                             name="someName" />
                </label> etc. ...

И они инициализируются вот так 

$(function() { $('[rel="tooltip"]').tooltip({ trigger:'focus', placement: 'left' }); });

Мой вопрос: вместо импорта bootstrap.min.js в мой проект и изменения кода, чтобы отключить функцию warnOverflow от реализации PopperJS в Bootstrap, есть ли способ правильно настроить PopperJS в Bootstrap (например, когда я инициализирую всплывающие подсказки, вместо модификации Bootstrap JS)?

...