Opened 3 years ago

Closed 3 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:

Description

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 3 years ago.
Config file
test.html (1.9 KB) - added by Philip 3 years ago.
Demo of bug found

Download all attachments as: .zip

Change History (4)

Changed 3 years ago by Philip

Attachment: config.js added

Config file

Changed 3 years ago by Philip

Attachment: test.html added

Demo of bug found

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

comment:2 Changed 3 years ago by Jakub Ś

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