Невозможно ввести (или даже сфокусировать) input type="text", пока открыто модальное окно начальной загрузки. ⇐ Jquery

[Anonymous]

У меня есть код jquery, который создает раскрывающееся меню и размещает его именно там, где пользователь щелкнул правой кнопкой мыши. Все работает нормально, кроме одного: я не могу печатать внутри поля ввода.

Сгенерированный раскрывающийся список выглядит следующим образом:

Код: Выделить всё

[list]
[*][url=#]Link 1[/url]
[*]
[*]
[*]

[url=#]Sublink 1[/url]
[*][url=#]Sublink 2[/url]
[*][url=#]Sublink 3[/url]
[/list]

По моему мнению, входные данные будут использоваться для фильтрации дополнительных ссылок.

Что я пробовал ( без результатов):

• Изменить z-индекс
• Принудительно $('input'). focus()
• Force $('input').get(0).focus()
• Поиграйтесь с CSS, чтобы проверить, было ли это так просто белый текст на белом фоне.
• Проверил код, чтобы убедиться, что какой-то другой jQuery не мешает.

Надеюсь, вы, ребята, сможете помочь.

РЕДАКТИРОВАТЬ (рабочий пример):
Похоже, что это проблема Bootstrap: как вы можете видеть из этой скрипты http:/ /jsfiddle.net/2gkjb0h8/3/ ввод можно вводить ДО тех пор, пока не откроется модальное окно начальной загрузки. До сих пор не знаю, как это решить.

РЕДАКТИРОВАТЬ 2:
Вот изображение того, чего я хочу достичь http://prnt.sc/bxbucfВ модальном окне будет таблица с выбираемыми ТД; после выбора пользователь может щелкнуть правой кнопкой мыши, чтобы открыть контекстное меню со списком учителей (каждый из них представляет собой ссылку). Это уже работает, входные данные позволяют фильтровать все возможные имена.

Подробнее здесь: https://stackoverflow.com/questions/385 ... al-is-open