Javascript 引导模式禁用子DIV中的文本字段

我在引导模式中创建了一个弹出窗口，只需创建一个div，隐藏它，然后单击显示它；我将z-index设置为9999，这样它就会出现在所有模态的顶部。当您单击按钮显示div时，现在出现问题，但当它位于模式内时，text和textarea字段被禁用，您无法输入任何内容

源代码可以在上找到，但由于某种原因，JavaScript不适用于我制作的弹出窗口（有什么想法吗？）

您可以在以下网址找到完整的工作演示

小提琴中的非工作JS

        function showBigProb() {
    if (document.getElementById("ShowProbBtn").onclick) {
    document.getElementById("BigNewProblem").style.display="block";

    }
}

    function closeBigProb() {
    if (document.getElementById("closeProbBtn").onclick) {
    document.getElementById("BigNewProblem").style.display="none";

    }
}

---

我不知道为什么，但这与处于模态上的

tabindex=“-1”

有关，一旦移除，它就会开始工作