View Full Version : [SOLVED] dashed line around input fields

8 Feb 2010, 4:41 AM
Hi all,

in attachement, screenshot of formPanel inside a tabPanel (which is in a Window too)

When clicking the label of a field, or at the right of the input itself (not inside), a dashed line appear around the tupple label/input.

I'm using firefox 3.6 on windows xp, and extjs 3.1.0, with default CSS

is it normal ?

8 Feb 2010, 11:04 AM
Firefox 3.6 dropped support for the -moz-outline css rule (because outline is now implemented in 3.6).
all pre-3.6 -moz-outline:none rules need to have an additional outline:none rule tacked on, if it isn't already there.

the following css overrides should resolve your problem for now:

.ext-gecko .x-window-body .x-form-item {
outline: none;

.ext-gecko .x-form-item {
outline: none;

note: this should have been resolved in Ext 3.1.1-rc (it's definitely in SVN).

8 Feb 2010, 12:24 PM
great, thanks a lot !