1. #1
    Sencha User
    Join Date
    Oct 2007
    Posts
    112
    Vote Rating
    0
    elDub is on a distinguished road

      0  

    Exclamation [2.3.0][IE8] Field borders

    [2.3.0][IE8] Field borders


    Does Ext 2.3.0 officially support IE8? I was expecting to see the 2.3.0 release address some visual glitches with IE8, especially the one where the top and bottom borders of textfield objects were missing. IE7 works fine, it's just IE8 that is the problem. Is this to be fixed?

    HTML Code:
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
    <head>
    <title>Debugging Page</title>
    <script src="/ext2_lib/source/core/Ext.js" type="text/javascript"></script>
    <script src="/ext2_lib/source/adapter/ext-base.js" type="text/javascript"></script>
    <script src="/ext2_lib/ext-all-debug.js" type="text/javascript"></script>
    
    <link href="/ext2_lib/resources/css/ext-all.css" media="screen" rel="stylesheet" type="text/css" />
    
    <script type="text/javascript">
    //<![CDATA[
    Ext.BLANK_IMAGE_URL = '/ext2_lib/resources/images/default/s.gif';
    Ext.onReady(function(){
      new Ext.Panel({
        title: 'Ext Testing',
        height: 100,
        width: 300,
        frame: true,
        bodyStyle: 'padding: 10px; font-size: 30px;',
        renderTo: Ext.getBody(),
        items: {
          xtype: 'form',
          items: [
            {
              xtype: 'textfield',
              fieldLabel: 'textfield'
            },{
              xtype: 'combo',
              fieldLabel: 'combo',
              data: []
            }
          ]
        }
      })
    });
    //]]></script>
    </head>
    <body>
    </body>
    </html>
    First image is IE7 and second is IE8.
    Attached Images

  2. #2
    Ext JS Premium Member
    Join Date
    Sep 2008
    Posts
    19
    Vote Rating
    0
    nebaff is on a distinguished road

      0  

    Default


    +1
    is this fixed ?

  3. #3
    Sencha User
    Join Date
    Jun 2007
    Posts
    33
    Vote Rating
    0
    gtaylor is on a distinguished road

      0  

    Question


    +1
    We need to know this as well. We are on 2.2.1 and are about to release our product, but IE8 has some minor layout/display issues. Does 2.2.1 officially support IE8? We don't want to go to Ext v3.0 right now because our product has a few glitches when we tested it under v3.0, and we don't want to go through a whole QA cycle again.

    We are also seeing the same text fields as shown in earlier posts on this thread.

  4. #4
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    17,160
    Vote Rating
    674
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    Try grabbing the latest from SVN.
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  5. #5
    Ext JS Premium Member
    Join Date
    Sep 2008
    Posts
    19
    Vote Rating
    0
    nebaff is on a distinguished road

      0  

    Default


    after upgrading to version 2.3.0 i see same pb. Is svn different on this point ?

  6. #6
    Sencha - Community Support Team mystix's Avatar
    Join Date
    Mar 2007
    Location
    Singapore
    Posts
    6,236
    Vote Rating
    5
    mystix will become famous soon enough

      0  

    Default


    with 2.x rev 5035, i see this in IE8:



    cleared your cache and updated the CSS + images as well, i presume?



    p.s. i do see this in Chrome 3 (WinXP SP3) however:




    and Safari 4.0.2 (WinXP SP3):


  7. #7
    Sencha User
    Join Date
    May 2009
    Posts
    136
    Vote Rating
    5
    DiscoBoy is on a distinguished road

      0  

    Default


    Any fix for this? I'm also missing the top and bottom border in fields since IE8...

  8. #8
    Sencha User
    Join Date
    Jun 2007
    Posts
    33
    Vote Rating
    0
    gtaylor is on a distinguished road

      0  

    Thumbs up IE8 textfield border fix for 2.3

    IE8 textfield border fix for 2.3


    I added the following CSS to our local css file to override some of the Ext 2.3 styles. It works for me.

    Code:
    /**---------------------------------------------------------------
    *** IE8 override fixes                                                     
    ***---------------------------------------------------------------*/
    .x-form-text, .ext-ie .x-form-text, .ext-ie .x-form-file {
        height:22px;
        line-height:18px;
        margin: 0px 0px;
        vertical-align:middle;
    }
    
    .ext-ie6 .x-form-text, .ext-ie7 .x-form-text {
        margin:-1px 0; /* ie bogus margin bug */
        height:22px; /* ie quirks */
        line-height:18px;
    }
    
    .ext-ie6 textarea.x-form-field, .ext-ie7 textarea.x-form-field {
        margin:-1px 0; /* ie bogus margin bug */
    }