Opera & Chrome: Extra Border displaying across all menus list boxes

[Satya Minnekanti]

To reproduce the defect:

1. Open any CK sample & open any of the menus(Style, Font Name, Font Size)or Text/Background colour or SCAYT

Issue: See that an extra border displayed

2. Insert a Table and open Context menu & sub menus

Issue: See that an extra border displayed

[Jakub Ś]

If you look at focused element in Chrome/Opera you will see that browser adds this style. In fact it has been doing that as far as I can remember.

Knowing all that are you sure you want to remove/fix it? I mean this has never bothered anyone, it doesn't affect any CKE functionality and it was there probably from the very beginning so why has it started bothering you now (I don't mean to be rude here)?

[Satya Minnekanti]

Replying to j.swiderski:

If you look at focused element in Chrome/Opera you will see that browser adds this style. In fact it has been doing that as far as I can remember.

Knowing all that are you sure you want to remove/fix it? I mean this has never bothered anyone, it doesn't affect any CKE functionality and it was there probably from the very beginning so why has it started bothering you now (I don't mean to be rude here)?

@j.swiderski I'm not talking about the border shown when we navigate list items i am talking about the border that displays around menu or list when it's opened. This was not happening in 4.2.1. I have added a screenshot of the issue.

[Jakub Ś]

I have checked nightly sample in latest default Chrome 30 (Please see attached image) and no such issue occurred (I have checked Linux, Mac and Windows).

Have you by any chance got any plugins installed in your Chrome that might cause that?

[Satya Minnekanti]

Replying to j.swiderski:

I have checked nightly sample in latest default Chrome 30 (Please see attached image) and no such issue occurred (I have checked Linux, Mac and Windows).

Have you by any chance got any plugins installed in your Chrome that might cause that?

@j.swiderski can't you see Yellow border that displayed on right hand side of context menu, i could see it in your screenshot as well, that's the issue i have highlighted in my screenshot earlier

[Jakub Ś]

Ok, I got mixed up here. I thought that what you have selected with red border is actually your problem.

Now back to original issue.

@j.swiderski I'm not talking about the border shown when we navigate list items i am talking about the border that displays around menu or list when it's opened.

These are Native Browser Borders and they are shown on whole menu or single item. I just wanted to show you what it is. Please have a look at ChromeNative2.png
Nevertheless you are right - Native Yellow/Orange border was not visible in earlier versions.

---

Native Border around dropdowns

Till CKEditor 4.1.1 everything was working fine. In CKEditor 4.1.2 when opening dropdown menu you get yellow border around it.
To reproduce:

1. Go to replacebycode sample, don't click in content area but click on Font/Size/Styles Dropdown.

Result is that you will get yellow border around whole menu.
NOTE: Format dropdown will focus H1 option because H1 is what is first in content area. Other dropdowns don't have anything that can be focused so whole dropdown gets focused (more exactly div gets focused - please see ChromeNative2.png)

---

Native Border around menu buttons and context menu

This particular issue can be reproduced from CKEditor 4.2.2. To reproduce:

1. Go to replacebycode sample, right-click in editor to get context menu or open SCAYT menu button.

Result is that you will see yellow border around it.

---

Both of these issues are reproducible in Blink only.

[Wiktor Walc]

#11288 closed as a duplicate