Opened 8 years ago
Last modified 8 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
- Download the attached plug-in to plugins folder, and add to config.js
config.extraPlugins = 'bugplugin';
- 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)
Change History (4)
Changed 8 years ago by
| Attachment: | bugplugin.zip added |
|---|
comment:2 Changed 8 years ago by
| Status: | new → confirmed |
|---|---|
| Version: | 4.5.7 → 4.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.
Plugin