Opened 5 years ago

Last modified 5 years ago

#11087 confirmed Bug

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

Reported by: Satya Minnekanti Owned by:
Priority: Normal Milestone:
Component: General Version: 4.1.2
Keywords: IBM Blink Cc: Damian, Teresa Monahan, Irina

Description

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

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

Issue: See that an extra border displayed

Attachments (3)

ChromeNative.png (191.5 KB) - added by Jakub Ś 5 years ago.
focus issue in chrome & opera.jpg (185.3 KB) - added by Satya Minnekanti 5 years ago.
no border.png (50.5 KB) - added by Jakub Ś 5 years ago.

Download all attachments as: .zip

Change History (9)

Changed 5 years ago by Jakub Ś

Attachment: ChromeNative.png added

comment:1 Changed 5 years ago by Jakub Ś

Status: newpending

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)?

comment:2 in reply to:  1 Changed 5 years ago by 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.

Changed 5 years ago by Satya Minnekanti

comment:3 Changed 5 years ago by 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?

Changed 5 years ago by Jakub Ś

Attachment: no border.png added

comment:4 in reply to:  3 Changed 5 years ago by 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

comment:5 Changed 5 years ago by Jakub Ś

Keywords: Blink added
Status: pendingconfirmed
Version: 4.1.2

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.

comment:6 Changed 5 years ago by Wiktor Walc

#11288 closed as a duplicate

Note: See TracTickets for help on using tickets.
© 2003 – 2019 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy