PDA

View Full Version : [UNKNOWN][3.1] TriggerField in Toolbar is misaligned in IE8 only



elishnevsky
22 Dec 2009, 8:07 PM
Ext version tested: Ext 3.1.0

Adapter used: ext

CSS used: only default ext-all.css

Browser versions tested against:

IE6
IE7
IE8
FF3.5 (firebug 1.4.5 installed)
Google Chrome


Operating System: any

Description:
The input field of TriggerField component (or its subclass) is positioned 1 pixel too high in a Toolbar in IE8 only unless the Toolbar contains a Button which makes the whole Toolbar higher. See the attached screenshots.

Test Case:

var p = new Ext.Panel({
width: 400,
height: 200,
title: 'Panel',
renderTo: document.body,
tbar: [
'Label 1:',
{xtype: 'trigger'},
'Label 2:',
{xtype: 'trigger'}
]
});


No doctype is specified. Tried to debug the CSS. No luck.

elishnevsky
23 Dec 2009, 12:36 PM
Specified DOCTYPE and the problem was gone.