Add ignoreCase setting

Author: jlukic

server/documents/hotfix.html.eco

@@ -6,85 +6,47 @@ standalone : true
 title      : 'Test Page'
 type       : 'Library'
 ---
-<div class="ui container">
-<div class="ui modal">
-  <i class="close icon"></i>
-  <div class="header">
-    Absolute positioned long drop down select list
-  </div>
-  <div class="image content">
-    <div class="description">
-      <div class="scroll">
-      <div>item</div>
-      <div>item</div>
-      <div>item</div>
-      <div>item</div>
-      <div>item</div>
-      <div>item</div>
-      <div>item</div>
-      <div>item</div>
-      <div>item</div>
-      <div>item</div>
-      <div>item</div>
-      <div>item</div>
-      <div>item</div>
-      <div>item</div>
 
-      <div>item</div>
-      <div>item</div>
-      <div>item</div>
-      <div>item</div>
-      <div>item</div>
-      <div>item</div>
-      <div>item</div>
-      <div>item</div>
-      <div>item</div>
-      <div>item</div>
-      <div>item</div>
-      <div>item</div>
-      <div>item</div>
-      <div>item</div>
-      <div>item</div>
-      <div>item</div>
-      <div>item</div>
-      <div>item</div>
-      </div>
-    </div>
-  </div>
-  <div class="actions">
-    <div class="ui black deny button">
-      No
-    </div>
-    <div class="ui button">
-      Yes
+<div class="ui container">
+  <div class="ui fluid multiple search selection dropdown">
+    <input name="tags" type="hidden">
+    <i class="dropdown icon"></i>
+    <div class="default text">Skills</div>
+    <div class="menu">
+      <div class="item" data-value="angular">Angular</div>
+  <div class="item" data-value="css">CSS</div>
+  <div class="item" data-value="design">Graphic Design</div>
+  <div class="item" data-value="ember">Ember</div>
+  <div class="item" data-value="html">HTML</div>
+  <div class="item" data-value="ia">Information Architecture</div>
+  <div class="item" data-value="javascript">Javascript</div>
+  <div class="item" data-value="mech">Mechanical Engineering</div>
+  <div class="item" data-value="meteor">Meteor</div>
+  <div class="item" data-value="node">NodeJS</div>
+  <div class="item" data-value="plumbing">Plumbing</div>
+  <div class="item" data-value="python">Python</div>
+  <div class="item" data-value="rails">Rails</div>
+  <div class="item" data-value="react">React</div>
+  <div class="item" data-value="repair">Kitchen Repair</div>
+  <div class="item" data-value="ruby">Ruby</div>
+  <div class="item" data-value="ui">UI Design</div>
+  <div class="item" data-value="ux">User Experience</div>
     </div>
-  </div>
-</div>
+
 </div>
+
 <script>
   $(document).ready(function() {
-
-$('.ui.modal').modal({
-  observeChanges: true
-}).modal('show');
-
+$('.dropdown').dropdown({ allowAdditions: true});
 });
 
 </script>
 
 <!-- TEST CSS HERE !-->
 <style type="text/css">
 
-.ui.container {
-  padding-top: 2em;
-}
 
-.scroll {
-  //display: none;
-  width: 200px;
-  position: absolute;
-  background-color: white;
-  border: 1px solid black;
+.ui.container {
+  padding-top: 3em;
 }
-
 </style>

server/documents/modules/dropdown.html.eco

@@ -2396,6 +2396,11 @@ themes      : ['Default', 'GitHub', 'Material']
           <td>click</td>
           <td>Event used to trigger dropdown (Hover, Click, Custom Event)</td>
         </tr>
+        <tr>
+          <td>ignoreCase</td>
+          <td>false<div class="ui label">New in 2.2.13</div></td>
+          <td>Whether values with matching cases should be treated as identical when adding them to a dropdown.</td>
+        </tr>
         <tr>
           <td>allowReselection</td>
           <td>false</td>
@@ -2409,7 +2414,7 @@ themes      : ['Default', 'GitHub', 'Material']
         <tr>
           <td>hideAdditions</td>
           <td>true</td>
-          <td>When disabled user additions will appear in the results menu using a specially formatted selection item formatted by <code>templates.addition</code>.</td>
+          <td>If disabled user additions will appear in the dropdown's menu using a specially formatted selection item formatted by <code>templates.addition</code>.</td>
         </tr>
         <tr>
           <td>action</td>