Opened 7 years ago

Closed 7 years ago

#14898 closed Bug (duplicate)

When in a bootstrap modal, input of type text can not be focused

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


Steps to reproduce

  1. Place a CKEditor inside a bootstrap modal
  2. Call the modal up
  3. Click on one of the buttons that has a text field on it
  4. Try focus on a text field

Expected result

Text field becomes focused, so I can type a value in it.

Actual result

Can not get the text field to focus and there for can not type in it.

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

OS - Windows 10 Browser - Google Chrome KEditor version - CKEditor 4.5.11 (Full) Plugins - None other that ones that come with the full version

Attachments (2)

config.js (443 bytes) - added by Philip 7 years ago.
Config file
test.html (1.9 KB) - added by Philip 7 years ago.
Demo of bug found

Download all attachments as: .zip

Change History (4)

Changed 7 years ago by Philip

Attachment: config.js added

Config file

Changed 7 years ago by Philip

Attachment: test.html added

Demo of bug found

comment:1 Changed 7 years ago by Philip

So after a deeper look it this it seems all you need to do is change one line of css changing your z-index to be higher than the z-index of bootstrap modal and they for z-index they use 10051 so i am guessing something like 10060 may be a good z-index to use for your dialog

Version 0, edited 7 years ago by Philip (next)

comment:2 Changed 7 years ago by Jakub Ś

Resolution: duplicate
Status: newclosed
Version: 4.5.11
Note: See TracTickets for help on using tickets.
© 2003 – 2022, CKSource sp. z o.o. sp.k. All rights reserved. | Terms of use | Privacy policy