PDA

View Full Version : [FIXED] QuickTip tooltips and Safari 7



brocktopia
17 Jan 2014, 4:10 PM
Looks like button tooltips, which use QuickTip I believe, aren't rendering properly in Safari 7. I can reproduce this on the Examples page in the docs:
http://docs.sencha.com/extjs/4.2.2/#!/example/qtips/qtips.html

The QuickTip button on the bottom left is doing it and so is the Aligned top button on bottom right.

I've got a mix of QuickTip and ToolTip instances in my app and I occasionally see a ToolTip fail in this way as well, but the QuickTip instances always seem to fail. The text box never gets sized wider than the 40px default.

I'm running Safari 7.0.1 on Mavericks.

brocktopia
17 Jan 2014, 4:14 PM
Only seeing this on Ext 4.2.2. Just did a test on the docs for 4.1.3 and QuickTip looks fine there.

scottmartin
18 Jan 2014, 10:23 AM
Thanks for the report! I have opened a bug in our bug tracker.

brocktopia
20 Jan 2014, 10:41 AM
My short term fix was to override the button component.


if (Ext.isSafari && Ext.safariVersion == 7) {
// Override button to fix tooltip issue on Safari
Ext.override(Ext.button.Button, {
setTooltip: function(tooltip, initial) {
var me = this;
if (me.rendered) {
if (!initial || !tooltip) {
me.clearTip();
}
if (tooltip) {
Ext.create('Ext.tip.ToolTip',{
target:me.el,
html:tooltip
});
}
} else {
me.tooltip = tooltip;
}
return me;
}
});
}

Not sure of the best way to handle the Tooltip.clearTip() call though.

ettavolt
3 Feb 2014, 7:48 AM
Also affects Ext 4.2.1 and Safari 6.1.1 on Mountain Lion.