[Chrome] Ugly yellow form outline around editor

[Charlie]

When the editor has focus, an ugly yellow outline appears around the containing form. This is a default CSS values thing in Chrome.

Patch Forthcoming

[Charlie]

Patched

[Charlie]

If no border is specified on forms, Chrome will automatically apply a yellow outline to the element. Fixed by explicitly specifying a border of 0px in the browser_webkit. Since there was no border anyways, this will have no adverse effects on other webkit browsers.

[Frederico Caldeira Knabben]

I'm very confused now.

You're talking about a border in the containing "form". I can't see anything related to the form border. Aren't you talking about the border around the editor itself? In that case, it's an editor feature, as it simulates normal text fields styles.

The, your patch is using the .cke_browser_gecko18 class selector. Firefox 2?

[Charlie]

The picture should make it less ambiguous what I'm talking about. I guess the behavior makes sense. But to me this is inconsistant behavior from other browsers, not to mention it's butt ugly. From the way you describe it, I guess it's normal (for chrome), but I guess I just think it looks really tacky.

Especially because every time one clicks a button or a combo menu it flashes. It also does this on every field of every dialog. Then the menu items have that crap around them too. bleh. But if it's intentional than I'm ok with it (I don't use Chrome anyways).

[Frederico Caldeira Knabben]

Yes, that's just the way Chrome is. For example, we not even control it on dialogs.

Ugly or now, Chrome and Safari users are used to that, so we just have the natural browser behavior. We don't need to change it really.