Situación: tengo un div con un Tippy adjunto, y dentro del DIV hay intervalos resaltados con su propia información sobre herramientas. Todos usan el click como disparadores.

Comportamiento ideal: cuando hago clic en un resaltado, solo debe mostrarse el resaltado Tippy.

Comportamiento actual: Ambas informaciones sobre herramientas se muestran al mismo tiempo.

Puedo capturar el clic con onTrigger, usando event.target . Sin embargo, return false o instance.hide() no evita que se muestre. ¿Hay alguna manera de que pueda hacer eso con onTrigger ?

 tippy(divEl, { content: 'Tooltip!', allowHTML: true, onTrigger(instance, event) { if (event.target.className == 'highlight') { console.log('It should hide the tooltip!'); instance.hide(); return false; } }, arrow: true, interactive: true, trigger: 'click', theme: 'light-border', zIndex: 9999 }); }

Lo hice funcionar con el siguiente truco, pero no funcionaría si tuviera otros DIV dentro del DIV principal:

 tippy(divEl, { ..., onShow(instance) { if (divEl.lastChild.nodeName == "DIV") {return false} }, });