Eu estou escrevendo um plugin jQuery simples que irá dinamicamente colocar um div em uma caixa de texto sempre que tiver foco. Eu fui capaz de obter a posição quase certa em todos os navegadores.

Eu tenho que anexar dois manipuladores de eventos, bem nofocus eblur eventos da caixa de texto. E funciona bem, mas o problema é que o div que foi colocado sob a caixa de texto é fechado mesmo quando clicamos nele. Agora, faz sentido porque isso aconteceria, porque a caixa de texto perde o foco, mas existe uma maneira de impedir que isso aconteça?

Eu tentei anexar isso ao manipulador de eventos de desfoque -

if($(mainElem).is(":focus")) return;

OndemainElem é o div que é mostrado abaixo da caixa de texto.

Aqui está umjsFiddle para ilustrar o problema.