From 5541803be860e79df0358b5021512cf45854632c Mon Sep 17 00:00:00 2001
From: Elastic Jasper <elastic-jasper@users.noreply.github.com>
Date: Mon, 27 Feb 2017 14:24:14 -0500
Subject: [PATCH] CSS fix for scrollable doc table in FireFox

Backports PR #10592

**Commit 1:**
CSS fix for scrollable doc table in FireFox

* Original sha: 9551029a3a5f8625f181fb5bd75a8ad046c270c0
* Authored by Stacey Gammon <gammon@elastic.co> on 2017-02-27T16:01:23Z

**Commit 2:**
add comments

* Original sha: e1620498455d929c425a1c472e3e1f76b0e02053
* Authored by Stacey Gammon <gammon@elastic.co> on 2017-02-27T18:40:20Z
---
 src/ui/public/doc_table/doc_table.html |  1 +
 src/ui/public/doc_table/doc_table.less | 12 ++++++++++++
 2 files changed, 13 insertions(+)

diff --git a/src/ui/public/doc_table/doc_table.html b/src/ui/public/doc_table/doc_table.html
index c44694385c961..0982da325518b 100644
--- a/src/ui/public/doc_table/doc_table.html
+++ b/src/ui/public/doc_table/doc_table.html
@@ -1,4 +1,5 @@
 <div
+  class="doc-table-container"
   ng-if="hits.length"
   ng-class="{ loading: searchSource.activeFetchCount > 0 }">
   <paginate ng-if="!infiniteScroll" list="hits" per-page="50" top-controls="true">
diff --git a/src/ui/public/doc_table/doc_table.less b/src/ui/public/doc_table/doc_table.less
index 1bdaa5c171277..7c3277979640b 100644
--- a/src/ui/public/doc_table/doc_table.less
+++ b/src/ui/public/doc_table/doc_table.less
@@ -1,8 +1,20 @@
 @import (reference) "~ui/styles/variables";
 
+/**
+ * 1. Stack content vertically so the table can scroll when its constrained by a fixed container height.
+ */
 doc-table {
   overflow: auto;
   flex: 1 1 100%;
+  flex-direction: column; /* 1 */
+
+  /**
+   * 1. Allow user to scroll table when its constrained by a fixed container height.
+   */
+  .doc-table-container {
+    flex: 1 1 0; /* 1 */
+    overflow: auto; /* 1 */
+  }
 
   .discover-table-datafield {
     white-space: pre-wrap;