[ExtJS 4.0.2][TextField][qTip] Bug with qTip on disappearing

[eliotik]

REQUIRED INFORMATION


Ext version tested:

• Ext 4.0.2a

Browser versions tested against:

• Firefox 7
• Chrome 14.0.835.109

Description:

• When TextField is invalid, on mouseover event qtip is show, and when you click at this time on this field, qTip should disappear but it go on background of the mask layer.

Steps to reproduce the problem:

• Create modal window. Add form panel. Add textfield on it. Add some validation of value in this textfield. Write wrong value in this textfield, or leave it blank. qTip with error text will show. While qTip is Visible click on textfield.

The result that was expected:

• qTip should disappear.

The result that occurs instead:

• You can see qTip on background of modal window.

HELPFUL INFORMATION

Link:
http://dev.sencha.com/deploy/ext-4.0...tact-form.html
bug exists in this example too

Possible fix:

• not provided

Additional CSS used:

• default ext-all.css

Operating System:

• WinXP Pro Edition

Screenshots:
qTip on empty textfield
qtip_bug_1_i_1.jpg

qTip when you have clicked on textfield
qtip_bug_1_i_2.jpg

[eliotik]

bump

[dtnghia]

I got the same problem and found a way to fix it...Not sure this is a correct fix or not..but it works for me.

Ext.override(Ext.tip.ToolTip, {
onDocMouseDown: function(e) {
        var me = this;
        if (me.autoHide === true && !me.closable && !e.within(me.el.dom)) {
            me.disable();
            Ext.defer(me.doEnable, 0, me);
        }
    }
});