Opened 5 years ago

Last modified 5 years ago

#12525 confirmed Bug

IE: Drop-downs closed immediately after show in a Bootstrap Modal

Reported by: pittlu Owned by:
Priority: Normal Milestone:
Component: Documentation & Samples Version: 4.0
Keywords: CantFix IE Cc:

Description (last modified by Jakub Ś)

Click on "Font" drop-down. Click on "Size" drop-down (all further clicks on "Font", "Size", "Format", "Background Color" and "Text color" drop-downs will result showing and immediate hiding of drop-down). Browser name and OS : Checked on IE8、IE9、IE10、IE11 on Windows 7.

We should describe solution for this issue in documentation just like for ticket #12768.

Attachments (2)

cke-test.html (1.8 KB) - added by pittlu 5 years ago.
solution-for-all-bugs-ckeditor-in-bootstrap-modal-test.html (2.4 KB) - added by pittlu 5 years ago.

Download all attachments as: .zip

Change History (10)

comment:1 Changed 5 years ago by pittlu

Last edited 5 years ago by pittlu (previous) (diff)

comment:2 Changed 5 years ago by Jakub Ś

Status: newpending
Version: 4.0

@pittlu by saying Bootstrap did you mean Twitter Bootstrap?

Could you also tell me where you are putting this code - directly on HTML page where editor is used?

Could you perhaps provide us with reduced HTML file that shows this problem?

NOTE: this issue looks the same as #9934 where in comment:6 user @mattleff proposes also similar solution.

Last edited 5 years ago by Jakub Ś (previous) (diff)

Changed 5 years ago by pittlu

Attachment: cke-test.html added

comment:3 Changed 5 years ago by pittlu

See Attachment

comment:4 Changed 5 years ago by pittlu

The final solution code for all bugs ckeditor in twitter bootstrap3's modal:

$.fn.modal.Constructor.prototype.enforceFocus = function() {
        var $modalElement = this.$element;
        $(document).on('focusin.modal',function(e) {
                var $parent = $(e.target.parentNode);
                if ($modalElement[0] !== e.target
                                && !$modalElement.has(e.target).length
                                && $(e.target).parentsUntil('*[role="dialog"]').length === 0) {
                        $modalElement.focus();
                }
        });
};
Last edited 5 years ago by pittlu (previous) (diff)

comment:5 Changed 5 years ago by Jakub Ś

Keywords: CantFix IE added
Status: pendingconfirmed

#9934 was marked as duplicate.

I'm confirming this issue but marking it "Can't fix" because there is nothing we can do on CKEditor side to have it fixed. This is Bootstrap issue and solution fixes its code.

comment:6 Changed 5 years ago by Jakub Ś

http://ckeditor.com/comment/127719#comment-127719 - another link with this solution please see it.

comment:7 Changed 5 years ago by Jakub Ś

#12816 was marked as duplicate.

comment:8 Changed 5 years ago by Jakub Ś

Component: GeneralDocumentation & Samples
Description: modified (diff)

We should describe this solution in documentation just like for ticket #12768.

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