Opened 3 years ago

Closed 3 years ago

#14342 closed Bug (invalid)

Accessibility button when ckeditor is in a bootstrap modal

Reported by: Thomas Owned by:
Priority: Normal Milestone:
Component: Accessibility Version: 4.5.6
Keywords: Cc:

Description

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

Change History (4)

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

comment:2 Changed 3 years ago by Jakub Ś

Keywords: Accessibility Checker removed
Status: newpending

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.

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

comment:4 Changed 3 years ago by Jakub Ś

Resolution: invalid
Status: pendingclosed

Thank you for the feedback.

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