jquery.mb.extruder icon indicating copy to clipboard operation
jquery.mb.extruder copied to clipboard

Compatibility with Spectrum color picker.

Open glemmon opened this issue 9 years ago • 2 comments

I would like to use the Spectrum color picker in a slide out (mb.extruder) form. When placed in the mbExtruder color picker does not open as expected. An example is here:

http://weatherby.genetics.utah.edu/phevor2/spectrum_test/test.html

glemmon avatar Feb 19 '16 22:02 glemmon

Yea! Its not me... I have the same problem with input type = 'color'.

mischievous avatar Jul 07 '16 22:07 mischievous

@glemmon in your case you've a z-index problem of the Spectrum container. The solution is here:

$("#extruderRight").buildMbExtruder({
        scrollTimer: 4000,
        position:"right",
        width:300,
        hidePanelsOnClose:false,
        closeOnClick:false,
        extruderOpacity:.8,
        textOrientation:"tb",
        onExtContentLoad:function(){
                $('#example').spectrum({
                        color:'red',
                        appendTo:"extruderRight",
                        showAlpha:true,
                });
        },
        onExtOpen:function(){
                //bring the Spectrum colors container on the front
                $(". sp-container").mb_bringToFront();
        },
});

pupunzi avatar Jul 08 '16 08:07 pupunzi