[FIXED][PR3] autoHide option doesn't work for ToolTip

**vladsch** · 4 Mar 2011 8:38 AM

Hi,

autoHide : true option is ignored by ToolTip

**Animal** · 5 Mar 2011 4:06 AM

Go to /test/ui/qtips/qtips.html

Hover over the "Bsic Tooltip" button. The tooltip appears, and after 5000ms, it autoHides.

**vladsch** · 5 Mar 2011 10:05 AM

Hi,

Sorry, it was mistyping, i meant autoHide:false, tooltip always hide after move out from a target

**Animal** · 5 Mar 2011 10:59 AM

It works here. I change that first one to use autoHide: false, and it doesn't hide.

**vladsch** · 6 Mar 2011 12:29 AM

Hi,

Here is my test case (it seems autoHide doesn't work if 'delegate' option is used)

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1">	
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />

    <script type="text/javascript" src="../../ext-core-debug.js"></script>
	<script type="text/javascript" src="../../ext-all-debug.js"></script>
	
	<script type="text/javascript">
	    Ext.onReady(function () {
			new Ext.tip.ToolTip({
				target : Ext.getBody(),
				delegate : ".tip-div",
				autoHide : false,
				html : "tooltip"
			});
		});
	</script>
</head>
<body style="padding:20px;">
   <div class="tip-div" style="margin:10px;width:100px;height:100px;background-color:gray;"></div>
   <div class="tip-div" style="margin:10px;width:100px;height:100px;background-color:gray;"></div>
</body>
</html>

**evant** · 6 Mar 2011 8:12 PM

Can you please try the following?

Code:

Ext.tip.Tooltip.override({
    onMouseMove: function(e) {
        var me = this,
            t = me.delegate ? e.getTarget(me.delegate) : me.triggerElement = true,
            xy;
        if (t) {
            me.targetXY = e.getXY();
            if (t === me.triggerElement) {
                if (!me.hidden && me.trackMouse) {
                    xy = me.getTargetXY();
                    if (me.constrainPosition) {
                        xy = me.el.adjustForConstraints(xy, me.el.dom.parentNode);
                    }
                    me.setPagePosition(xy);
                }
            } else {
                me.hide();
                me.lastActive = new Date(0);
                me.onTargetOver(e);
            }
        } else if ((!me.closable && me.isVisible()) && me.autoHide !== false) {
            me.hide();
        }
    }
});

**vladsch** · 7 Mar 2011 12:52 AM

Hi,

Yes, it works. Just notice one more thing: the tooltip is hidden after mouse click (click anywhere)

**evant** · 7 Mar 2011 4:06 AM

The behaviour is the same in 3.x, I think it's fairly reasonable for that to be the case. They won't hide if you specify the closable option.

**vladsch** · 7 Mar 2011 4:14 AM

Thanks

[FIXED][PR3] autoHide option doesn't work for ToolTip

Thread Tools

Search Thread

Display

[FIXED][PR3] autoHide option doesn't work for ToolTip

[FIXED][PR3] autoHide option doesn't work for ToolTip

Similar Threads

Ext.ToolTip setPagePosition() doesn't work Why ?

autoHide:false not working for tooltip--bug??

[CLOSED][2.??] Ext.grid.RowNumberer sortable option doesn't work

[1.2]Cell tooltip doesn't work in Table (was OK in 1.1.4)