javascript - library - tooltipster cdn

La opción contextual de Tooltipster y la opción no funcionan en IE

Question

No estoy seguro de si este es el lugar correcto para preguntar esto, pero estoy teniendo un problema con Tooltipster y IE. Cuando hago un tooltipter interactivo que se muestra al pasar el mouse y agrego un formulario con una caja de selección, es imposible también seleccionar una opción en IE porque el tooltipter se cierra y no se puede hacer una selección.

Hice un Plunker para mostrar rápidamente el problema (abrir en IE): http://plnkr.co/lckgcT

<div id="corres_button" role="button">
  Hover me for the tooltipster!
</div>

$(document).ready(function() {
  $(''#corres_button'').tooltipster({
    interactive: ''true'',
    contentAsHTML:''true'',
    trigger: ''hover'',
    arrow: false,
    position: ''bottom'',
    content: $(''<div><span><strong>Try selecting an option in IE the tooltipster will close since it loses its hover</strong></span><form><label>Testing</label><select><option value="1">Test</option><option value="2">Test 2</option><option value="3">Test 3</option><option value="4">Test 4</option></select></form></div>'')
  });
});

Traté de agregar todo tipo de opciones de CSS, también las opciones de selección de formulario (mostrar: bloque / bloque en línea, etc.) y jugar con el índice Z. Pero nada funciona y el tooltipter se sigue cerrando cuando ''abro'' las opciones de selección.

Lo siento por el mal inglés y espero que el problema esté claro.

Answer 1

Se corrigió y actualizó el Plunker con la solución.

El problema no era solo con tooltipster sino con cómo IE implementa el selectbox. Puede solucionarlo agregando event.stopPropagation también a la selección.

Solución predeterminada:

$(document).ready(function(){
  $("select").mouseleave(function(event){
    event.stopPropagation();
  });
});

Al arreglar esto en su tooltipster, también necesita agregar lo siguiente: la funciónReady del tooltipster

Corrección de Tooltipster:

functionReady: function(origin) {
    origin.tooltipster(''content'').find(''select'').each(function() {
        jQuery(this).mouseleave(function(event){
            event.stopPropagation();
        });
    });
}