Javascript 在放大弹出插件中使用时，无法从Spectrum Colorpicker插件中的文本框复制颜色

我正在使用光谱颜色选择器- 内部放大弹出窗口-

下面是我的colorpicker配置JS-

    $(".color").spectrum({
        showInput: true,
        className: "test-colorpicker",
        preferredFormat: "rgb",
        showButtons: false,
        showAlpha: true,
        //clickoutFiresChange: true,
        change: function() {

        },
    });

放大弹出配置-

    $.magnificPopup.open({
        items: {
            src: '#test_box',
            type: 'inline'
        },
        //type : 'inline',
        midClick: true, 
        preloader:true,
        showCloseBtn: true, 
        closeBtnInside: true, 
        closeOnContentClick: false, 
        closeOnBgClick: false, 
        enableEscapeKey: true, 
        modal: false, 
        alignTop: false, 
        mainClass: 'mfp-img-mobile mfp-fade', 
        removalDelay: 0 
    });

HTML-

<div id="test_box">
<input type='text' class="color" value="#e2e2e2"/>
</div>

这是一把同样的小提琴-

问题是，当colorpicker打开时，我看到包含rgba字符串的文本框，但我无法复制或选择它

这可能是由于z索引问题

---

请帮助..

从Spectrum colorpicker添加了“附加到”选项

appendTo:"#test_box"

请帮帮忙！