Results 1 to 4 of 4

Thread: [4.2.0 GA] Tooltips are narrow in Chrome and IE10

    This issue duplicates another issue.
  1. #1
    Sencha User Daniil's Avatar
    Join Date
    Jun 2010
    Location
    Saint-Petersburg, Russia
    Posts
    1,018

    Default [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
    Object.NET
    Frameworks and Tools for .NET Developers
    --------------------------------------------------
    Ext.NET - Ext JS for ASP.NET - Examples | Twitter
    Bridge.NET - Write C#. Run JavaScript! - Live | Twitter
    --------------------------------------------------

  2. #2
    Sencha Premium User evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    19,258

    Default

    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.

  3. #3
    Sencha User Daniil's Avatar
    Join Date
    Jun 2010
    Location
    Saint-Petersburg, Russia
    Posts
    1,018

    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; 
    }
    Object.NET
    Frameworks and Tools for .NET Developers
    --------------------------------------------------
    Ext.NET - Ext JS for ASP.NET - Examples | Twitter
    Bridge.NET - Write C#. Run JavaScript! - Live | Twitter
    --------------------------------------------------

  4. #4
    Sencha Premium User VDP's Avatar
    Join Date
    Feb 2012
    Location
    Niel, Belgium
    Posts
    101

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •