javascript - Spectrum，选项 showInput，显示不可编辑的输入文本

Question

我已经实现了一个 Spectrum 颜色选择器，它工作得很好，除了 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 包含在脚本中有关。有谁知道为什么以及如何解决它？

Answer 1

正如@BugCatcherJoe 在问题评论中所写，答案在下一个链接中: https://github.com/bgrins/spectrum/issues/161

对我有用的解决方案是从模态属性中删除“tabindex=-1”。