This issue duplicates another issue.
  1. 7 Apr 2013 11:42 PM #1
    Daniil
    Daniil is offline
    Sencha User Daniil's Avatar
    Join Date
    Jun 2010
    Location
    Saint-Petersburg, Russia
    Posts
    683
    Vote Rating
    62
    Daniil is a jewel in the rough Daniil is a jewel in the rough Daniil is a jewel in the rough Daniil is a jewel in the rough
      1  

    Default [4.2.0 GA] Tooltips are narrow in Chrome and IE10

    [4.2.0 GA] Tooltips are narrow in Chrome and IE10


    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 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:

    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:
    • How it looks in Chrome.
    1.png
    Ext.NET - ASP.NET for Ext JS
    MVC and WebForms
    Examples | Twitter
    Reply With Quote Reply With Quote
  2. 7 Apr 2013 11:55 PM #2
    evant
    evant is offline
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    15,087
    Vote Rating
    97
    evant is a splendid one to behold evant is a splendid one to behold evant is a splendid one to behold evant is a splendid one to behold evant is a splendid one to behold evant is a splendid one to behold evant is a splendid one to behold
      0  

    Default


    This is a known issue, we have a ticket open for this.
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!
    Reply With Quote Reply With Quote
  3. 8 Apr 2013 12:01 AM #3
    Daniil
    Daniil is offline
    Sencha User Daniil's Avatar
    Join Date
    Jun 2010
    Location
    Saint-Petersburg, Russia
    Posts
    683
    Vote Rating
    62
    Daniil is a jewel in the rough Daniil is a jewel in the rough Daniil is a jewel in the rough Daniil is a jewel in the rough
      0  

    Default


    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; 
}
    Ext.NET - ASP.NET for Ext JS
    MVC and WebForms
    Examples | Twitter
    Reply With Quote Reply With Quote
  4. 8 Apr 2013 2:39 AM #4
    VDP
    VDP is offline
    Sencha User VDP's Avatar
    Join Date
    Feb 2012
    Location
    Boom, Belgium
    Posts
    63
    Vote Rating
    6
    VDP is on a distinguished road
      1  

    Default


    Here is the bug report:
    http://www.sencha.com/forum/showthre...ts-off-content

    Also here:
    http://www.sencha.com/forum/showthre...ze-of-the-text
    Reply With Quote Reply With Quote