Results 1 to 3 of 3

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

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User eliotik's Avatar
    Join Date
    May 2010
    Posts
    27
    Vote Rating
    0
      0  

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

    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

  2. #2
    Sencha User eliotik's Avatar
    Join Date
    May 2010
    Posts
    27
    Vote Rating
    0
      0  

    Default

    bump

  3. #3
    Sencha User
    Join Date
    Jan 2009
    Posts
    12
    Vote Rating
    0
      0  

    Default

    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.
    Code:
    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);
            }
        }
    });

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •