Rebuild for demo #2057

dist/components/dropdown.css

@@ -512,12 +512,10 @@ select.ui.dropdown {
 }
 
 /* Text Layering */
-.ui.search.dropdown > .pointer > input.search,
 .ui.search.dropdown > input.search {
   position: absolute;
   z-index: 2;
 }
-.ui.search.dropdown > .pointer > .text,
 .ui.search.dropdown > .text {
   cursor: text;
   position: relative;
@@ -525,21 +523,16 @@ select.ui.dropdown {
 }
 
 /* Search Selection */
-.ui.search.selection.dropdown > .pointer > input.search,
 .ui.search.selection.dropdown > input.search {
   line-height: 1.2142em;
-  padding: 0.67861em 1.1em;
+  padding: 0.67861em 2em 0.67861em 1.1em;
 }
 
 /* Active/Visible Search */
-.ui.search.dropdown.active > .pointer > input.search,
-.ui.search.dropdown.visible > .pointer > input.search,
 .ui.search.dropdown.active > input.search,
 .ui.search.dropdown.visible > input.search {
   cursor: auto;
 }
-.ui.search.dropdown.active > .pointer > .text,
-.ui.search.dropdown.visible > .pointer > .text,
 .ui.search.dropdown.active > .text,
 .ui.search.dropdown.visible > .text {
   pointer-events: none;
@@ -625,6 +618,7 @@ select.ui.dropdown {
   position: static;
   padding: 0;
   max-width: 100%;
+  min-height: 1.2142em;
   line-height: 1.2142em;
   margin: 0.4em 0em 0.4em 0.5em;
 }

dist/components/dropdown.js

@@ -872,6 +872,7 @@ $.fn.dropdown = function(parameters) {
                     module.event.item.click.call($selectedItem, event);
                     event.stopImmediatePropagation();
                   }
+                  event.preventDefault();
                 }
 
                 // left arrow (hide sub-menu)
@@ -969,11 +970,13 @@ $.fn.dropdown = function(parameters) {
                 if(pressedKey == keys.enter) {
                   module.verbose('Enter key pressed, showing dropdown');
                   module.show();
+                  event.preventDefault();
                 }
                 // down arrow (open menu)
                 if(pressedKey == keys.downArrow) {
                   module.verbose('Down key pressed, showing dropdown');
                   module.show();
+                  event.preventDefault();
                 }
               }
             }
@@ -1197,7 +1200,7 @@ $.fn.dropdown = function(parameters) {
                       ? $(this).attr('value')
                       : name
                   ;
-                  if(settings.placeholder !== 'auto' && value === '') {
+                  if(settings.placeholder === 'auto' && value === '') {
                     select.placeholder = name;
                   }
                   else {

dist/components/form.css

@@ -41,6 +41,7 @@
   clear: both;
   margin: 0em 0em 1em;
 }
+.ui.form .field .field,
 .ui.form .fields:last-child,
 .ui.form .field:last-child {
   margin-bottom: 0em;
@@ -122,6 +123,13 @@
   -webkit-transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
           transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
 }
+
+/* Collapse Flex */
+.ui.form .ui.input > input {
+  width: 0px !important;
+}
+
+/* Text Area */
 .ui.textarea,
 .ui.form textarea {
   margin: 0em;

dist/components/icon.css

@@ -2367,6 +2367,9 @@ i.icon.pencil.square:before {
 i.icon.compass:before {
   content: "\f14e";
 }
+i.icon.amex:before {
+  content: "\f1f3";
+}
 i.icon.eur:before {
   content: "\f153";
 }

dist/components/input.css

@@ -409,6 +409,9 @@
   display: -ms-flexbox;
   display: flex;
 }
+.ui.fluid.input > input {
+  width: 0px !important;
+}
 
 /*--------------------
         Size

dist/components/modal.js

@@ -228,7 +228,12 @@ $.fn.modal = function(parameters) {
             }
           },
           click: function(event) {
-            if( $(event.target).closest($module).length === 0 ) {
+            var
+              $target   = $(event.target),
+              isInModal = ($target.closest($module).length > 0),
+              isInDOM   = $.contains(document.documentElement, event.target)
+            ;
+            if(!isInModal && isInDOM) {
               module.debug('Dimmer clicked, hiding all modals');
               if( module.is.active() ) {
                 module.remove.clickaway();

dist/components/search.js

@@ -628,13 +628,6 @@ $.fn.search = function(parameters) {
         hideResults: function() {
           if( module.is.visible() ) {
             if( module.can.transition() ) {
-              console.log('here', {
-                  animation  : settings.transition + ' out',
-                  debug      : settings.debug,
-                  verbose    : settings.verbose,
-                  duration   : settings.duration,
-                  queue      : true
-                });
               module.debug('Hiding results with css animations');
               $results
                 .transition({

dist/components/step.css

@@ -86,6 +86,7 @@
   border-radius: 0em;
 }
 .ui.steps .step:after {
+  display: none;
   position: absolute;
   z-index: 2;
   content: '';
@@ -139,7 +140,7 @@
 
 /* Icon */
 .ui.steps .step > .icon {
-  font-size: 2.75em;
+  font-size: 2.5em;
   margin: 0em 1rem 0em 0em;
 }
 .ui.steps .step > .icon,
@@ -193,7 +194,7 @@
       -ms-flex-item-align: middle;
           align-self: middle;
   margin-right: 1rem;
-  font-size: 2.75em;
+  font-size: 2.5em;
   counter-increment: ordered;
   font-family: inherit;
   font-weight: bold;
@@ -244,7 +245,7 @@
 }
 
 /* Active Arrow */
-.ui.vertical.steps .active.step:after {
+.ui.steps .active.step:after {
   display: block;
 }
 

dist/semantic.css

@@ -8762,6 +8762,10 @@ i.icon.compass:before {
   content: "\f14e";
 }
 
+i.icon.amex:before {
+  content: "\f1f3";
+}
+
 i.icon.eur:before {
   content: "\f153";
 }
@@ -9699,6 +9703,10 @@ img.ui.bordered.image {
   display: flex;
 }
 
+.ui.fluid.input > input {
+  width: 0px !important;
+}
+
 /*--------------------
         Size
 ---------------------*/
@@ -13398,6 +13406,7 @@ ol.ui.horizontal.list li:before,
 }
 
 .ui.steps .step:after {
+  display: none;
   position: absolute;
   z-index: 2;
   content: '';
@@ -13456,7 +13465,7 @@ ol.ui.horizontal.list li:before,
 /* Icon */
 
 .ui.steps .step > .icon {
-  font-size: 2.75em;
+  font-size: 2.5em;
   margin: 0em 1rem 0em 0em;
 }
 
@@ -13513,7 +13522,7 @@ ol.ui.horizontal.list li:before,
   -ms-flex-item-align: middle;
   align-self: middle;
   margin-right: 1rem;
-  font-size: 2.75em;
+  font-size: 2.5em;
   counter-increment: ordered;
   font-family: inherit;
   font-weight: bold;
@@ -13571,7 +13580,7 @@ ol.ui.horizontal.list li:before,
 
 /* Active Arrow */
 
-.ui.vertical.steps .active.step:after {
+.ui.steps .active.step:after {
   display: block;
 }
 
@@ -14049,6 +14058,7 @@ ol.ui.horizontal.list li:before,
   margin: 0em 0em 1em;
 }
 
+.ui.form .field .field,
 .ui.form .fields:last-child,
 .ui.form .field:last-child {
   margin-bottom: 0em;
@@ -14134,6 +14144,14 @@ ol.ui.horizontal.list li:before,
   transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
 }
 
+/* Collapse Flex */
+
+.ui.form .ui.input > input {
+  width: 0px !important;
+}
+
+/* Text Area */
+
 .ui.textarea,
 .ui.form textarea {
   margin: 0em;
@@ -25076,13 +25094,11 @@ select.ui.dropdown {
 
 /* Text Layering */
 
-.ui.search.dropdown > .pointer > input.search,
 .ui.search.dropdown > input.search {
   position: absolute;
   z-index: 2;
 }
 
-.ui.search.dropdown > .pointer > .text,
 .ui.search.dropdown > .text {
   cursor: text;
   position: relative;
@@ -25091,23 +25107,18 @@ select.ui.dropdown {
 
 /* Search Selection */
 
-.ui.search.selection.dropdown > .pointer > input.search,
 .ui.search.selection.dropdown > input.search {
   line-height: 1.2142em;
-  padding: 0.67861em 1.1em;
+  padding: 0.67861em 2em 0.67861em 1.1em;
 }
 
 /* Active/Visible Search */
 
-.ui.search.dropdown.active > .pointer > input.search,
-.ui.search.dropdown.visible > .pointer > input.search,
 .ui.search.dropdown.active > input.search,
 .ui.search.dropdown.visible > input.search {
   cursor: auto;
 }
 
-.ui.search.dropdown.active > .pointer > .text,
-.ui.search.dropdown.visible > .pointer > .text,
 .ui.search.dropdown.active > .text,
 .ui.search.dropdown.visible > .text {
   pointer-events: none;
@@ -25205,6 +25216,7 @@ select.ui.dropdown {
   position: static;
   padding: 0;
   max-width: 100%;
+  min-height: 1.2142em;
   line-height: 1.2142em;
   margin: 0.4em 0em 0.4em 0.5em;
 }
@@ -32579,6 +32591,7 @@ html.ios {
   margin: 0em 0em 1em;
 }
 
+.ui.form .field .field,
 .ui.form .fields:last-child,
 .ui.form .field:last-child {
   margin-bottom: 0em;
@@ -32664,6 +32677,14 @@ html.ios {
   transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
 }
 
+/* Collapse Flex */
+
+.ui.form .ui.input > input {
+  width: 0px !important;
+}
+
+/* Text Area */
+
 .ui.textarea,
 .ui.form textarea {
   margin: 0em;

dist/semantic.js

@@ -4336,6 +4336,7 @@ $.fn.dropdown = function(parameters) {
                     module.event.item.click.call($selectedItem, event);
                     event.stopImmediatePropagation();
                   }
+                  event.preventDefault();
                 }
 
                 // left arrow (hide sub-menu)
@@ -4433,11 +4434,13 @@ $.fn.dropdown = function(parameters) {
                 if(pressedKey == keys.enter) {
                   module.verbose('Enter key pressed, showing dropdown');
                   module.show();
+                  event.preventDefault();
                 }
                 // down arrow (open menu)
                 if(pressedKey == keys.downArrow) {
                   module.verbose('Down key pressed, showing dropdown');
                   module.show();
+                  event.preventDefault();
                 }
               }
             }
@@ -4661,7 +4664,7 @@ $.fn.dropdown = function(parameters) {
                       ? $(this).attr('value')
                       : name
                   ;
-                  if(settings.placeholder !== 'auto' && value === '') {
+                  if(settings.placeholder === 'auto' && value === '') {
                     select.placeholder = name;
                   }
                   else {
@@ -5994,7 +5997,12 @@ $.fn.modal = function(parameters) {
             }
           },
           click: function(event) {
-            if( $(event.target).closest($module).length === 0 ) {
+            var
+              $target   = $(event.target),
+              isInModal = ($target.closest($module).length > 0),
+              isInDOM   = $.contains(document.documentElement, event.target)
+            ;
+            if(!isInModal && isInDOM) {
               module.debug('Dimmer clicked, hiding all modals');
               if( module.is.active() ) {
                 module.remove.clickaway();
@@ -10265,13 +10273,6 @@ $.fn.search = function(parameters) {
         hideResults: function() {
           if( module.is.visible() ) {
             if( module.can.transition() ) {
-              console.log('here', {
-                  animation  : settings.transition + ' out',
-                  debug      : settings.debug,
-                  verbose    : settings.verbose,
-                  duration   : settings.duration,
-                  queue      : true
-                });
               module.debug('Hiding results with css animations');
               $results
                 .transition({