Accessibility button when ckeditor is in a bootstrap modal

[Thomas]

Steps to reproduce

1. Embed textarea with CKEditor in a bootstrap 3.x modal

Expected result

Accessibility Checker launches, checking content and allows fixes

Actual result

AC launches and checks all content, but text fields and select boxes cannot get focus in Firefox. Select boxes work in Chrome, but text fields do not. Both work in IE 10

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

Using CKEditor 4.5.6. This issue does not appear when editor is not launched in a modal (normal use).

[james]

I had the same issue except inside a alertifyjs modal. The Editor shown correctly, but was unable to select inside to make edits. To bypass I had to generate the editor after the model was shown. The issue reappears when you close then reopen the model, currently working around this. Hope this helps

[Jakub Ś]

Could you check solutions mentioned here: ​https://bugs.jqueryui.com/ticket/9087 or here ​https://gist.github.com/Reinmar/b9df3f30a05786511a42.
Modal dialogs in jQuery and working with input fields or dropdowns is known jQuery UI issue and most likely links above will help.

Please provide some feedback if possible.

[Thomas]

This can be closed. It was a bootstrap issue only, not a CKEditor issue. Bootstrap changed a name in their javascript from focusin.modal to shown.bs.modal. I missed that in my code and mistakenly thought the error was elsewhere as the editor worked in non modal environments.

Apologies for the error and inconvenience.

[Jakub Ś]

Thank you for the feedback.