Height cache stick to reduce jitteryness, fixes #117

2020-05-26 20:39:55 -05:00 · 2020-05-26 20:39:55 -05:00 · fabb300caf
commit fabb300caf
parent 6f0c9840be
1 changed files with 8 additions and 1 deletions
--- 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>
    );