Demo for support for custom container

README.md

@@ -83,6 +83,7 @@ positionCallback: function($elm) {
     }
 }
 ```
+This callback is also good if you need to append your colorPicker to a different element then document.body. This way you can calculate the coordinates relative to the appended container...
 
 The renderCallback can be used as openCallback and closeCallback:
 

demo/index.js

@@ -69,6 +69,8 @@ $(function(){
 				$window = $(window),
             	gap = this.color.options.gap; // this.color.options stores all options
 
+			// _$UI.appendTo('#content-wrapper'); // demonstration only
+
 			return { // this demo is a copy of the internal usage (to show how it works);
 				'left': (_$UI._left = position.left) -
                     ((_$UI._left += _$UI._width -

demo/mod.css

@@ -8,6 +8,10 @@
 	margin: 5px 0 0;
 }
 
+#content-wrapper {
+	/* position: relative; */
+}
+
 .cp-color-picker:after,
 .cp-color-picker:before {
 	content: "";