Released 0.6.4.

bower.json

@@ -2,7 +2,7 @@
 	"name": "selectize",
 	"keywords": ["select", "ui", "form", "input", "control", "autocomplete", "tagging", "tag"],
 	"description": "Selectize is a jQuery-based custom <select> UI control. Useful for tagging, contact lists, country selectors, etc.",
-	"version": "0.6.3",
+	"version": "0.6.4",
 	"license": "Apache License, Version 2.0",
 	"readmeFilename": "README.md",
 	"repository": {

selectize.css

@@ -1,4 +1,4 @@
-/*! selectize.css - v0.6.3 | https://github.com/brianreavis/selectize.js | Apache License (v2) */
+/*! selectize.css - v0.6.4 | https://github.com/brianreavis/selectize.js | Apache License (v2) */
 
 /* --- file: "src/selectize.css" --- */
 

selectize.jquery.json

@@ -1,6 +1,6 @@
 {
 	"name": "selectize",
-	"version": "0.6.3",
+	"version": "0.6.4",
 	"title": "Selectize.js",
 	"author": {
 		"name": "Brian Reavis",

selectize.js

@@ -1,4 +1,4 @@
-/*! selectize.js - v0.6.3 | https://github.com/brianreavis/selectize.js | Apache License (v2) */
+/*! selectize.js - v0.6.4 | https://github.com/brianreavis/selectize.js | Apache License (v2) */
 
 (function(factory) {
 	if (typeof exports === 'object') {
@@ -572,6 +572,7 @@
 		var $control_input;
 		var $dropdown;
 		var $dropdown_content;
+		var $dropdown_parent;
 		var inputMode;
 		var timeout_blur;
 		var timeout_focus;
@@ -583,7 +584,8 @@
 		$wrapper          = $('<div>').addClass(this.settings.theme).addClass(this.settings.wrapperClass).addClass(classes);
 		$control          = $('<div>').addClass(this.settings.inputClass).addClass('items').toggleClass('has-options', !$.isEmptyObject(this.options)).appendTo($wrapper);
 		$control_input    = $('<input type="text">').appendTo($control).attr('tabindex',tab_index);
-		$dropdown         = $('<div>').addClass(this.settings.dropdownClass).hide().appendTo($wrapper);
+		$dropdown_parent  = $(this.settings.dropdownParent || $wrapper);
+		$dropdown         = $('<div>').addClass(this.settings.dropdownClass).hide().appendTo($dropdown_parent);
 		$dropdown_content = $('<div>').addClass(this.settings.dropdownContentClass).appendTo($dropdown);
 
 		$wrapper.css({
@@ -1924,7 +1926,7 @@
 	*/
 	Selectize.prototype.positionDropdown = function() {
 		var $control = this.$control;
-		var offset = $control.position();
+		var offset = this.settings.dropdownParent === 'body' ? $control.offset() : $control.position();
 		offset.top += $control.outerHeight(true);
 
 		this.$dropdown.css({
@@ -2251,6 +2253,8 @@
 		dropdownClass: 'selectize-dropdown',
 		dropdownContentClass: 'selectize-dropdown-content',
 
+		dropdownParent: null,
+
 		load            : null, // function(query, callback)
 		score           : null, // function(search)
 		onChange        : null, // function(value)