Javascript 光谱，选项showInput，显示不可编辑的输入文本

我已经实现了一个光谱颜色选择器，它工作得非常完美，除了showInput选项，它使文本输入不可编辑，甚至不可选择，甚至不关注自身。但是，如果我选择颜色，十六进制值将显示在输入中，因此它可以工作一半。但是我不能选择它来手动设置我想要的十六进制值

这是Jquery代码：

$("#divPickerColor").spectrum({
    showInput : true ,
    preferredFormat: "hex",
    showButtons: false,
    allowEmpty:true                      
 });

这是html代码：

<script id="configurazioni-inserimento-modifica-stato-avanzamento" type="text/template">
  <div>
     <form id="formAddStatoAvanzamento" role="form" action="/" method="POST" 
     data-parsley-validate>
         <div class="form-group">
            <div class="row">
                <div id="colorazione" class="col-lg-12">
                    <input type="text" id="divPickerColor" />
                </div>
            </div>
          </div>
      </form>
  </div>
</script>

此脚本由函数调用，以在模式上显示它

巡演很复杂，我无法将所有代码发布给您，我尝试将主要节点放在其中。我可以进一步说的是，我已经查看了输入的CSS属性，它没有禁用属性。我还尝试将它们与JQuery一起强制放在控制台中，但没有任何改变。Spectrum生成的输入不可编辑，且不关注自身

---

我补充说，我在我的应用程序之外的html页面中尝试了相同的代码，一切都很完美。我认为这与html的这一部分包含在脚本中这一事实有关。有人知道为什么以及如何修复它吗？

正如@BugCatcherJoe在问题评论中所写，答案在下一个链接：

---

对我有效的解决方案是从模态属性中删除'tabindex=-1'

这与在modalHere中被调用有关，这里有一个workaround朋友，为什么tabindex=-1使频谱不能正常工作？