From fabb300caf2dc8cdd522d94f502aea891b229a26 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Tue, 26 May 2020 20:39:55 -0500
Subject: [PATCH] Height cache stick to reduce jitteryness, fixes #117

---
 .../components/intersection_observer_article.js          | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/gabsocial/components/intersection_observer_article.js b/app/gabsocial/components/intersection_observer_article.js
index 04a64dccd..a40f9c4b8 100644
--- a/app/gabsocial/components/intersection_observer_article.js
+++ b/app/gabsocial/components/intersection_observer_article.js
@@ -120,7 +120,14 @@ export default class IntersectionObserverArticle extends React.Component {
     }
 
     return (
-      <article ref={this.handleRef} aria-posinset={index + 1} aria-setsize={listLength} data-id={id} tabIndex='0'>
+      <article
+        ref={this.handleRef}
+        aria-posinset={index + 1}
+        aria-setsize={listLength}
+        style={{ height: cachedHeight ? `${cachedHeight}px` : null }}
+        data-id={id}
+        tabIndex='0'
+      >
         {children && React.cloneElement(children, { hidden: false })}
       </article>
     );