Типпи. js z-index не работает с интерактивностью

Question

Ссылка: https://atomiks.github.io/tippyjs/

Кажется, что z-index не работает при указании interactive:true (тогда он отстает от других элементов), хотя я указываю #main_container. Как я могу получить его "на переднем плане" с помощью interactive:true?

delegate( '#main_container', {
target: '[data-tippy-content]', allowHTML: true, 
interactive: true, placement: 'right', theme: 'light', zIndex: 99999
} );

см. Также здесь: https://github.com/projectje/bookmark для кода выше. Я сделал временный обходной путь, поместив BR за каждым первым символом, чтобы он не перекрывал другие поля. Но это действительно краткосрочное решение.

Answer 1

Типпи добавляется к родительскому элементу ссылки по умолчанию, когда interactive - это может привести к его обрезанию, если родительский элемент является «содержащим блоком».

Для исправления используйте одно из следующих действий:

• Используйте popperOptions: { strategy: 'fixed' } или
• Укажите appendTo: document.body + управление фокусом при использовании клавиатуры