jscolor не работает в модале начальной загрузки

Question

Я пытаюсь создать модал, в котором для ввода цвета используется jscolor (потому что <input type="color"> не работает в сафари).Но кажется, что это не работает, когда я вызываю следующие строки, внутри <div> модального загрузчика.

<script src="jscolor.js"></script>
<h2>Example 1</h2>
Color: <input class="jscolor" type="color" value="#563d7c" id="colorTexto" name="colorTexto">

Есть идеи, как это исправить?

Answer 1

Это происходит из-за того, что модал Bootstrap имеет z-индекс 1050, но z-индекс jscolor во всплывающем окне равен 1000 (по умолчанию).У вас есть 2 варианта.

1.Значение перезаписи из дополнительного параметра

var options = {
    zIndex: 1080
}
var picker = new jscolor('colorTexto', options);

2.Установить значение z-index по умолчанию в jscolor.js

(ver 2.0.5 line 1029) 
this.zIndex = 1080;

Не думаю, что его установка 9999 - хорошая идея, так как это может повлиять на другие плагины.