This issue duplicates another issue.
-
[4.2.0 GA] Tooltips are narrow in Chrome and IE10
REQUIRED INFORMATION
Ext version tested:
Browser versions tested against:
- IE10 - FAIL
- Chrome - FAIL
- IE9 - PASS
- FireFox - PASS
DOCTYPE tested against:
Description:
- A tooltip are too narrow in IE10 and Chrome.
- Here 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 result that occurs instead:
- The tooltip looks are too narrow
Test Case:
Code:
<!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:
1.png
-
This is a known issue, we have a ticket open for this.
Twitter - @evantrimboli
Former Sencha framework engineer, available for consulting.
As of 2017-09-22 I am not employed by Sencha, all subsequent posts are my own and do not represent Sencha in any way.
-
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/showthre...106#post955038
Fix
Code:
delete Ext.tip.Tip.prototype.minWidth; //for Chrome
if (Ext.isIE10) {
Ext.supports.Direct2DBug = true;
}
-
Sencha Premium User
