diff --git a/core/css/multiselect.css b/core/css/multiselect.css index 23aec23437..afdf27681a 100644 --- a/core/css/multiselect.css +++ b/core/css/multiselect.css @@ -89,9 +89,17 @@ div.multiselect>span:last-child { } ul.multiselectoptions input.new { - border-top-left-radius: 0; - border-top-right-radius: 0; padding-bottom: .2em; padding-top: .2em; margin: 0; } + +ul.multiselectoptions > li.creator { + padding: 10px; + font-weight: bold; +} +ul.multiselectoptions > li.creator > input { + width: 95% !important; /* do not constrain size of text input */ + padding: 5px; + margin: -5px; +} diff --git a/core/js/multiselect.js b/core/js/multiselect.js index 463c397d8c..48d521e185 100644 --- a/core/js/multiselect.js +++ b/core/js/multiselect.js @@ -176,10 +176,10 @@ }); button.parent().data('preventHide',false); if(settings.createText){ - var li=$('
  • + '+settings.createText+'
  • '); + var li=$('
  • + '+settings.createText+'
  • '); li.click(function(event){ li.empty(); - var input=$(''); + var input=$(''); li.append(input); input.focus(); input.css('width',button.innerWidth());