Another clipping of a focus frame

[skndn60]

For drop down boxes the focus ring gets clipped. This happens when I tab from the text area to the drop down. Strangely, when I tab out of the drop down into the next and then back again into the drop down, the focus ring is properly displayed.

[darklow]

What browser/version and OS is that?

[skndn60]

Mac OS X 10.8.2 running Chrome 25.0.1364.160

[darklow]

Offtopic: If your description field is not required, it means it could be empty. But for empy textarea ir takes too much space. I suggest you use AutosizedTextarea in such situations, it will save you a lot of space! There is also link to demo in documentation.

[skndn60]

Thanks for the tip.

Noticed another thing while investigating this: there's a margin -1px on .control-group .controls which hides the horizontal border between controls in the control area of a fieldset. When I disable that border, the horizontal border between controls in the control area shows up.

Not sure whether this is intentional or not. I think either way looks good as the border is extremely subtle, as in "hardly noticeable"....

[darklow]

It was intentional, in few situations that line can be good thing, but when you have lot of fields, every small detail creates additional mess and if you have lot of fields, it is better to avoid any additional lines if possible.
Here for example, with the lines form get's messy:

While without it looks much cleaner:

[darklow]

Just tested on Mac and Chrome this form on demo app:
and to me drop downs look like they should be:

Are you sure you didn't override any style?

[skndn60]

I think it only happens when there's a TextArea above the dropdown...

[darklow]

Could you please check this issue with latest develop version?
Fixing/refactoring multiline labels could fix this issue too