What could cause conflict with Tipsy's focus trigger?

Question

I'm using the Tipsy jquery plugin and the focus triggers acts the same way as the hover trigger. Tipsy stops displaying once my mouse is off an input field even though the field is still focused. What could cause this issue? Based on this jQuery tipsy plugin. On focus trigger not working. It's not the actual plugin that's causing the issue

Here's the page I'm testing it on

http://uploads.glumbo.com/?op=registration

Code.... Coooooode.... COoOoOoOoOoODE!!!! Or at least a jFiddle demonstrating. — Jared Farrish, Mar 19 '11 at 23:12
Your link doesn't work! And please don't share files with us on an upload site. The preferred method is using http://jsfiddle.net/ and next after that use dropbox (http://www.dropbox.com). — Mottie, Mar 20 '11 at 04:03

score 2 · Accepted Answer · answered Mar 20 '11 at 04:38

2

You will want to update Tipsy file you are using. The one you are using right now is significantly different than the latest version of Tipsy.

answered Mar 20 '11 at 04:38

HChen

2,141
13
12

+1 good point :) and DUH, I did all that work and I think all he wants is just the focus to work LOL. – Mottie Mar 20 '11 at 05:20

score 1 · Answer 2 · answered Mar 20 '11 at 05:19

As Haochi says, you need to update your Tipsy version to 1.0.0a. Then use the following code to add both hover and focus to your tipsy tooltips (demo):

$('.registerform [title]')
    .tipsy({
        trigger: 'manual', // manual stops binding of any internal tipsy events
        gravity: 'w',
        fade: true
    })
    .bind('focus mouseenter', function(e) {
        // flag indicating the input has focus
        if (e.type === 'focus') {
            $(this).addClass('hasFocus');
        }
        $(this).tipsy("show");
    })
    .bind('blur mouseleave', function(e) {
        // if mouseleave is triggered but the input has focus, ignore it
        if (!$(this).is('.hasFocus') || e.type === 'blur') {
            $(this).removeClass('hasFocus').tipsy("hide");
        }
    });

@MohitBhansali it's because the demo is linked to a github raw file, which doesn't work any more. Try [this demo](http://jsfiddle.net/Mottie/fpfCB/103/) — Mottie, Feb 26 '14 at 13:30

What could cause conflict with Tipsy's focus trigger?

2 Answers2