View Full Version : [FIXED-742][3.0.3] Combo box arrow is rendered bad in Safari (Windows) and Chrome

14 Dec 2009, 10:47 PM
B]Ext version tested:[/B]

Ext 3.0.3

Adapter used:

ext or jquery

css used:

only default ext-all.css

Browser versions tested against:

IE8 - works fine
FF3 - - works fine
Safari 4 - BUG
Chrome 4 - BUG

Operating System:

WinXP Pro


Combo box arrow is rendered bad in Safari (Windows) and Chrome, this happens when using labelStyle attribute (labelStyle:

15 Dec 2009, 11:45 AM
I'm having the same problem. In our case the drop-down arrow button appears all the way at the left of the box. I only see this problem in Safari, it is fine in FF and IE. I haven't tested Chrome yet.

I am not using labelStyle however:

xtype: 'combo'
,id: 'mailProtocolCombo'
,name: 'mailProtocol'
,fieldLabel: this.mailProtocolLabel
,editable: false
,width: 250
,displayField: 'name'
,valueField: 'id'
,triggerAction: 'all'
,selectOnFocus: true
,store: new Ext.data.SimpleStore({
fields : ['id', 'name'],
data : mailAddressProtocol
,listeners: {
'select': this.onMailProtocolChange
,scope: this

15 Dec 2009, 3:21 PM
In form.css, try removing the rule that sets right: 0 for webkit browsers.

15 Dec 2009, 3:26 PM
Yes, that does indeed fix it. Thanks, I presume this will get fixed in a future build and I'll just need to run an edited CSS for now?

I guess the reason it renders in the middle for the OP was his use of:


Thanks for the help,


16 Mar 2010, 3:15 PM

On Ext 3.2 beta the bug is still not fixed. evant's fix works.


18 Mar 2010, 9:30 PM
Fixed in svn, rev 6328.