Opened 3 years ago

Last modified 3 years ago

#14517 confirmed Bug

Mouse Clicks break tab navigation in "html" element in dialog

Reported by: andysd Owned by:
Priority: Normal Milestone:
Component: General Version: 4.0
Keywords: Cc:

Description

This is similar to issue #13088. I am using the "html" element in my plugin's dialog. Following the resolution to issue #13088, I am using the addFocusable to add <input> tags to the list of focusable fields. Tab navigation works. However, as soon as I mouse-click into a field, tab navigation is broken. Clicking with a mouse isn't recognized by ckeditor as changing the currently-focused item. As a result, the next <tab> goes to the wrong field.

Steps to reproduce

  1. Download the attached plug-in to plugins folder, and add to config.js

config.extraPlugins = 'bugplugin';

  1. Run the attached index.html and follow the steps given there.

Expected result

Mouse-clicking in Field N, then pressing <tab> should move focus to Field N+1.

Actual result

Focus is moved to the field after the last one that was tabbed into, not the last one that was clicked on.

Other details (browser, OS, CKEditor version, installed plugins)

Attachments (2)

bugplugin.zip (4.9 KB) - added by andysd 3 years ago.
Plugin
index.html (701 bytes) - added by andysd 3 years ago.
index.html

Download all attachments as: .zip

Change History (4)

Changed 3 years ago by andysd

Attachment: bugplugin.zip added

Plugin

Changed 3 years ago by andysd

Attachment: index.html added

index.html

comment:1 Changed 3 years ago by chung

Any update?

comment:2 Changed 3 years ago by Jakub Ś

Status: newconfirmed
Version: 4.5.74.0

I confirm this issue. Problem can be reproduced at least from CKEditor 4.0.

I have changed indexes for input fields as below to better illustrate this problem

dialog.addFocusable(document.getById('main3'), 1);
dialog.addFocusable(document.getById('main2'), 2);
dialog.addFocusable(document.getById('main1'), 3);

It seems there is fixed sequence of elements which can be tabbed - main3, main2, main1, OK button, Cancel Button. Click few times inside main2 and press tab - you will see that focus follows this fixed sequence and that it doesn't change once you click inside input filed.

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