diff --git a/server/documents/modules/dropdown.html.eco b/server/documents/modules/dropdown.html.eco
index ffa58547e..e24a31517 100755
--- a/server/documents/modules/dropdown.html.eco
+++ b/server/documents/modules/dropdown.html.eco
@@ -65,6 +65,7 @@ themes : ['Default']
You can initialize a selection dropdown directly on a select element, any option that is given a blank value will automatically be converted into a placeholder
+
It is recommended to include the necessary html unless absolutely necessary, otherwise elements will experience a flash of unstyled
Gender
@@ -83,63 +84,255 @@ themes : ['Default']
A selection dropdown can allow a user to search through a large list of choices.
-
-
State
+
+
Select Country
+
diff --git a/server/layouts/default.html.eco b/server/layouts/default.html.eco
index 815322596..3b02b5600 100755
--- a/server/layouts/default.html.eco
+++ b/server/layouts/default.html.eco
@@ -38,6 +38,7 @@
+
diff --git a/src/definitions/modules/dropdown.js b/src/definitions/modules/dropdown.js
index 8a1842790..60663c1a5 100755
--- a/src/definitions/modules/dropdown.js
+++ b/src/definitions/modules/dropdown.js
@@ -650,6 +650,7 @@ $.fn.dropdown = function(parameters) {
? $(this).attr('value')
: name
;
+ console.log($(this).html());
if(value === '') {
select.placeholder = name;
}
@@ -841,7 +842,6 @@ $.fn.dropdown = function(parameters) {
: $selectedItem.text()
;
$item
- .removeClass(className.filtered)
.removeClass(className.active)
.removeClass(className.selected)
;
@@ -1039,7 +1039,12 @@ $.fn.dropdown = function(parameters) {
module.unbind.intent();
}
module.remove.active();
- module.animate.hide(module.remove.visible);
+ module.animate.hide(function() {
+ $item
+ .removeClass(className.filtered)
+ ;
+ module.remove.visible();
+ });
$.proxy(settings.onHide, element)();
}
},
@@ -1333,7 +1338,12 @@ $.fn.dropdown.settings.templates = {
}
html += '';
return html;