View Full Version : [FIXED-1321] TwinTriggerField renders incorrectly in WebKit browsers

12 Oct 2010, 1:40 PM
Ext version tested:

Ext 3.3 rev 0

Adapter used:


css used:

ext-all-notheme.css + xtheme-gray.css
ext-all-notheme.css + xtheme-blue.css

Browser versions tested against:

Internet Explorer 8.0
Firefox 3.6.10 (firebug 1.5.4 installed)
Chrome 6.0.472.63
Safari 5.0.2

Operating System:

Windows 7 Ultimate
Mac OS X 10.6.4


TwinTriggerField renders incorrectly in WebKit browsers; the two trigger buttons are about 2 pixels too tall. Bug is new with v3.3 (both gray & blue themes); the behavior vas correct in v3.2.1.

See this URL : http://dev.sencha.com/deploy/dev/examples/themes/index.html

Steps to reproduce the problem:

access Ext JS Themes Example in Chrome or Safari and check the "search" field in the GridPanel top toolbar.


26 Oct 2010, 7:05 AM
this css override seems to work

.ext-webkit .x-small-editor .x-form-field-wrap .x-form-trigger {height: 19px ! important;}
just checked in grid search plugin, dont know if it works fine in form fields

3 Nov 2010, 2:08 PM
Thanks for the report. This has been fixed in SVN for 3.3.x release 7250.