Apply an additional offset

[webchaz]

Is there anyway to update the left and top values when showing the color picker? So that it can be say a few pixels less to the left, etc.

Thanks!

[bgrins]

Right now the offset is gotten here:

spectrum/spectrum.js

Lines 948 to 969 in 112a665

	function getOffset(picker, input) {
	var extraY = 0;
	var dpWidth = picker.outerWidth();
	var dpHeight = picker.outerHeight();
	var inputHeight = input.outerHeight();
	var doc = picker[0].ownerDocument;
	var docElem = doc.documentElement;
	var viewWidth = docElem.clientWidth + $(doc).scrollLeft();
	var viewHeight = docElem.clientHeight + $(doc).scrollTop();
	var offset = input.offset();
	offset.top += inputHeight;
	offset.left -=
	Math.min(offset.left, (offset.left + dpWidth > viewWidth && viewWidth > dpWidth) ?
	Math.abs(offset.left + dpWidth - viewWidth) : 0);
	offset.top -=
	Math.min(offset.top, ((offset.top + dpHeight > viewHeight && viewHeight > dpHeight) ?
	Math.abs(dpHeight + inputHeight - extraY) : extraY));
	return offset;
	}

, and is not changeable.

But I think that you could bind to the reflow event and tweak the values offset on el.spectrum("container"). I'd guess something like this might work (untested):

var el = $("element").spectrum();
el.on("reflow.spectrum", function() {
    var container = el.spectrum("container");
    var offset = container.offset();
    offset.left -= 5;
    container.offset(offset);
});

Does this work?