Victor Wu · ab81d673 · 7c308aad · ab81d673 · ab81d673
--- a/app/assets/javascripts/dispatcher.js
+++ b/app/assets/javascripts/dispatcher.js
          new IssuableForm($('.merge-request-form'));
          new IssuableTemplateSelectors();
          break;
+        case 'projects:pipelines:index':
--- a/app/assets/javascripts/gl_table_dropdown.js.es6 0 → 100644
+++ b/app/assets/javascripts/gl_table_dropdown.js.es6 0 → 100644
+((global) => {
+  class GLOverflowDropdown {
+    constructor($table, $dropdown) {
+      const MENU_MAX_HEIGHT = 250;
+
+      this.$table = $table;
+      this.$dropdownToggle = $('.dropdown-toggle', $dropdown);
+      this.$dropdownMenu = $('.dropdown-menu', $dropdown);
+      this.positioned = false;
+
+      this.$dropdownMenu.css({
+        'max-height': MENU_MAX_HEIGHT,
+        overflow: 'scroll'
+      });
+
+      $dropdown.off('click.positionDropdownWithinTable')
--- a/app/assets/javascripts/dispatcher.js
+++ b/app/assets/javascripts/dispatcher.js
  })();

 }).call(this);
+
--- a/app/assets/javascripts/gl_table_dropdown.js.es6 0 → 100644
+++ b/app/assets/javascripts/gl_table_dropdown.js.es6 0 → 100644
+        .on('click.positionDropdownWithinTable', this.positionDropdownWithinTable.bind(this));
+    }
+
+    positionDropdownWithinTable() {
+      if (this.positioned) return;
+      const dropdownMenuHeight = this.$dropdownMenu.outerHeight(true);
+      if ((this.$dropdownToggle.offset().top - this.$table.offset().top + this.$dropdownToggle.outerHeight() + dropdownMenuHeight) > this.$table.outerHeight()) {
+        this.$dropdownMenu.css({ top: -(dropdownMenuHeight + 3) });
+      }
+      this.positioned = true;
+    }
+  }
+
+  global.GLOverflowDropdown = GLOverflowDropdown;
+
+  $.fn.glOverflowDropdown = function($dropdowns) {
-
-  global.GLOverflowDropdown = GLOverflowDropdown;
-
-  $.fn.glOverflowDropdown = function($dropdowns) {
-    const $table = this;
-    $dropdowns = $dropdowns || $('.gl-overflow-dropdown', $table);
-    $dropdowns.each(function() {
-      if (!$.data(this, 'glOverflowDropdown')) {
+  $.fn.glOverflowDropdown = func($dropdowns) {
+      console.log('hello world');
+  });