Отключить флип в Boostrap 4 Popover - PullRequest
Новая
       61

Отключить флип в Boostrap 4 Popover

0 голосов
/ 17 октября 2018

Хотелось бы, чтобы поповер всегда держался на одной и той же позиции и не менялся при прокрутке: https://jsfiddle.net/eloyrubio/aq9Laaew/251011/ 

 var options = {
  placement: 'top',
  title: 'I should be on top',
  content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque lobortis nisl et metus varius lobortis. Sed sit amet posuere velit. Curabitur vel blandit mauris, a rutrum ante. Praesent sit amet orci viverra arcu sodales posuere.',
  html: false
};

$('#po1').popover(options).popover('show');

image

Я использую Bootstrap 4.1.3 и увидел, что Popover расширяет всплывающую подсказку: https://github.com/twbs/bootstrap/blob/v4-dev/js/src/popover.js#L70

А вот код всплывающей подсказки: https://github.com/twbs/bootstrap/blob/v4-dev/js/src/tooltip.js

1 Ответ

0 голосов
/ 17 октября 2018

Вы должны добавить еще одну опцию fallbackPlacement: 

var options = {
  placement: 'top',
  fallbackPlacement: ['top'],
  flip: 'top',
  title: 'I should be on top',
  content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque lobortis nisl et metus varius lobortis. Sed sit amet posuere velit. Curabitur vel blandit mauris, a rutrum ante. Praesent sit amet orci viverra arcu sodales posuere.',
  html: false
};

Она передает это значение flip.behavior ( см. Подробнее ).

См. Рабочий пример: https://jsfiddle.net/aq9Laaew/251047/

...