From feba305a687291b76159340a947f80ba6cc17c65 Mon Sep 17 00:00:00 2001
From: Greg Lin <glin@glin.io>
Date: Fri, 11 Sep 2020 23:14:28 -0500
Subject: [PATCH] Fix flexbox bug with headers and footers in fixed height
 tables

---
 NEWS.md             | 7 +++++++
 srcjs/reactable.css | 7 +++++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/NEWS.md b/NEWS.md
index 5f2e3e94..1e7ad155 100644
--- a/NEWS.md
+++ b/NEWS.md
@@ -1,3 +1,10 @@
+# reactable 0.2.1.9000
+
+### Bug fixes
+
+* Headers in fixed height tables now display properly in Safari, Chrome, and
+  the RStudio Viewer ([#76](https://github.com/glin/reactable/issues/76)).
+
 # reactable 0.2.1
 
 ### New features
diff --git a/srcjs/reactable.css b/srcjs/reactable.css
index c56d1bc4..a41ead25 100644
--- a/srcjs/reactable.css
+++ b/srcjs/reactable.css
@@ -162,10 +162,13 @@ input[type='radio'].rt-select-input {
 }
 
 /**
- * Fix flexbox bug in Safari and Chrome where table body can shrink below its
- * min height when overflowed, causing footers to show up in table body.
+ * Work around flexbox bug in Safari, Chrome, and the RStudio Viewer where
+ * table elements can shrink below their min height when overflowed, causing
+ * elements to overlap.
  * Fixed in Chrome 72+: https://github.com/philipwalton/flexbugs#flexbug-1
  */
+.ReactTable .rt-thead.-header,
+.ReactTable .rt-tfoot,
 .ReactTable .rt-tbody {
   flex-shrink: 0;
 }