Fixes height on scrolling menu, adds dividers

src/definitions/modules/dropdown.js

@@ -973,7 +973,7 @@ $.fn.dropdown = function(parameters) {
               ? callback
               : function(){}
             ;
-            if($target.is($module) || $target.is($icon) || $target.is($text)) {
+            if($target.closest($menu).length == 0) {
               module.verbose('Triggering event', callback);
               callback();
               return true;

src/definitions/modules/dropdown.less

@@ -928,6 +928,12 @@ select.ui.dropdown {
   border: none;
   border-top: 1px solid @menuBorderColor;
 }
+.ui.dropdown .scrolling.menu .item {
+  border-top: @scrollingMenuItemBorder;
+}
+.ui.dropdown .scrolling.menu .item:first-child {
+  border-top: none;
+}
 .ui.dropdown > .animating.menu .scrolling.menu,
 .ui.dropdown > .visible.menu .scrolling.menu {
   display: block;

src/themes/default/modules/dropdown.variables

@@ -115,13 +115,14 @@
 @selectionMinWidth: 200px;
 @selectionBackground: @white;
 @selectionDisplay: inline-block;
-@selectionItemDivider: 1px solid rgba(0, 0, 0, 0.05);
 @selectionVerticalPadding: 0.78571em;
 @selectionHorizontalPadding: 1.1em;
 @selectionIconDistance: 2em;
 @selectionPadding: @selectionVerticalPadding @selectionIconDistance @selectionVerticalPadding @selectionHorizontalPadding;
 @selectionZIndex: 10;
 
+@selectionItemDivider: 1px solid rgba(0, 0, 0, 0.05);
+
 /* <select> */
 @selectBorder: 1px solid @borderColor;
 @selectPadding: 0.5em;
@@ -277,12 +278,15 @@
 
 /* Scrolling */
 @scrollingMinWidth: 250px;
+@scrollingMenuItemBorder: @selectionItemDivider;
+
 @scrollingMobileMaxItems: 4;
 @scrollingTabletMaxItems: 6;
 @scrollingComputerMaxItems: 8;
 @scrollingWidescreenMaxItems: 12;
 
-@scrollingItemHeight: (@itemVerticalPadding * 2) + @itemLineHeight;
+@scrollingBorderEMWidth: 0.0785em; /* 1px / em size */
+@scrollingItemHeight: (@itemVerticalPadding * 2) + @itemLineHeight + @scrollingBorderEMWidth;
 @scrollingMobileMaxMenuHeight: (@scrollingItemHeight * @scrollingMobileMaxItems);
 @scrollingTabletMaxMenuHeight: (@scrollingItemHeight * @scrollingTabletMaxItems);
 @scrollingComputerMaxMenuHeight: (@scrollingItemHeight * @scrollingComputerMaxItems);