Eu tenho um popover bottom-oriented que eu gostaria de ser um pouco mais indulgente do que o popover padrão, que desaparece assim que o mouse deixa o gatilho.

$('#example').popover({
  html: true,
  trigger: 'hover',
  container: '#example',
  placement: 'bottom',
  content: function () {
      return '<div class="box">here is some content</div>';
  }
});

Eu tenho que ficar aberto enquanto o mouse estiver sobre o gatilho ou o conteúdo popover, mas isso é difícil para o usuário, já que eles têm que passar do elemento de gatilho para a seta para o conteúdo sem sair dessas áreas para interagir com o popover. Duas soluções em mente, nem está funcionando:

1) a opção de atraso deve fazer isso. adicionandodelay: {hide: 500} para a chamada popover deixa o popover aberto depois que o mouse sai, mas digitar novamente o elem de trigger ou o popover antes que ele desapareça não diz ao bootstrap para manter o popover aberto, então desaparece no final do tempo limite inicial.

2) alargar o elemento que contém a seta, de modo que o mouse que vai do elemento acionador para o plano de fundo entre o elemento acionador e o popover para popover funcione (o mouse nunca teria deixado o acionador / elemento). Os seguintes trabalhos, exceto a seta, são desenhados com bordas CSS sobrepostas, portanto, o segundo plano não é transparente:http://jsfiddle.net/HAZS8/

.popover.bottom .arrow {
    left: 0%;
    padding-left:50%;
    padding-right:50%;
}

A solução alternativa é conectar os eventos mouseover e mouseleave com jquery ou substituir a seta de sobreposição de bordas por uma imagem. Melhores correções?