[2.3.0][IE8] Field borders

**elDub** · 24 Jul 2009 8:25 AM

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.

**nebaff** · 11 Aug 2009 5:09 AM

+1
is this fixed ?

**gtaylor** · 11 Aug 2009 12:38 PM

+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.

**evant** · 11 Aug 2009 1:46 PM

Try grabbing the latest from SVN.

**nebaff** · 11 Aug 2009 10:48 PM

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

**mystix** · 11 Aug 2009 11:14 PM

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

**DiscoBoy** · 3 Sep 2009 3:06 AM

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

**gtaylor** · 7 Sep 2009 12:31 PM

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 */
}

[2.3.0][IE8] Field borders

Thread Tools

Search Thread

Display

[2.3.0][IE8] Field borders

[2.3.0][IE8] Field borders

IE8 textfield border fix for 2.3

IE8 textfield border fix for 2.3