fix(select): Don't close on mouseup on scrollbar

md-select should  not auto-close anymore when the scrollbar is used to scroll the options.

Fixes $4078. Closes #4229.

src/components/select/select.js

@@ -1107,6 +1107,7 @@ function SelectProvider($$interimElementProvider) {
 
  function checkCloseMenu(ev) {
  if (ev && ( ev.type == 'mouseup') && (ev.currentTarget != dropDown[0])) return;
+ if ( mouseOnScrollbar() ) return;
 
  if (!selectCtrl.isMultiple) {
  opts.restoreFocus = true;
@@ -1115,6 +1116,23 @@ function SelectProvider($$interimElementProvider) {
  $mdSelect.hide(selectCtrl.ngModel.$viewValue);
  }, true);
  }
+
+ /**
+ * check if the mouseup event was on a scrollbar
+ */
+ function mouseOnScrollbar() {
+ var clickOnScrollbar = false;
+ if(ev.currentTarget.children.length > 0) {
+ var child = ev.currentTarget.children[0];
+ var hasScrollbar = child.scrollHeight > child.clientHeight;
+ if (hasScrollbar && child.children.length > 0) {
+ var relPosX = ev.pageX - ev.currentTarget.getBoundingClientRect().left;
+ if(relPosX > child.children[0].offsetWidth)
+ clickOnScrollbar = true;
+ }
+ }
+ return clickOnScrollbar;
+ }
  }
  }