PDA

View Full Version : [DUP] [4.2.0 GA] Tooltips are narrow in Chrome and IE10



Daniil
7 Apr 2013, 11:42 PM
REQUIRED INFORMATION

Ext version tested:

Ext 4.2.0 GA

Browser versions tested against:

IE10 - FAIL
Chrome - FAIL
IE9 - PASS
FireFox - PASS

DOCTYPE tested against:

<!DOCTYPE html>

Description:

A tooltip are too narrow in IE10 and Chrome.
Here (http://www.sencha.com/forum/showthread.php?260106) is already quite a big discussion about this problem.

Steps to reproduce the problem:

Open the test case in Chrome or IE10
Make the field invalid (focus and blur)
Move mouse over the field

The result that was expected:

The tooltip looks good

The result that occurs instead:

The tooltip looks are too narrow

Test Case:


<!DOCTYPE html>
<html>
<head>
<title>Tooltips are narrow in Chrome and IE10</title>

<link rel="stylesheet" href="../resources/css/ext-all.css" />

<script src="../ext-all-debug.js"></script>

<script>
Ext.onReady(function () {
Ext.create("Ext.form.field.Text", {
renderTo: Ext.getBody(),
allowBlank: false
})
});
</script>
</head>
<body>

</body>
</html>


HELPFUL INFORMATION

Screenshot:

How it looks in Chrome.

42980

evant
7 Apr 2013, 11:55 PM
This is a known issue, we have a ticket open for this.

Daniil
8 Apr 2013, 12:01 AM
Thank you, Evan. It is excellent to know you are aware of this issue. Is there a thread for fix to monitor or, at least, a bug id?

Do you have any "official" temporary fix for this?

Is the fix suggested by @firefoxSafari OK for now?
http://www.sencha.com/forum/showthread.php?260106#post955038

Fix

delete Ext.tip.Tip.prototype.minWidth; //for Chrome

if (Ext.isIE10) {
Ext.supports.Direct2DBug = true;
}

VDP
8 Apr 2013, 2:39 AM
Here is the bug report:
http://www.sencha.com/forum/showthread.php?257201-4.2-RC-Tooltip-cuts-off-content

Also here:
http://www.sencha.com/forum/showthread.php?260106-Tooltips-on-forms-and-grid-are-not-resizing-to-the-size-of-the-text