Hide items rendered out-of-frame (once they have been rendered at least once)

This commit is contained in:
Thibaut Girka 2019-02-06 18:59:28 +01:00 committed by ThibG
parent 1a70fca168
commit 405ef5ad37

View file

@ -63,7 +63,7 @@ export default class IntersectionObserverArticle extends ImmutablePureComponent
} }
updateStateAfterIntersection = (prevState) => { updateStateAfterIntersection = (prevState) => {
if (prevState.isIntersecting && !this.entry.isIntersecting) { if (prevState.isIntersecting !== false && !this.entry.isIntersecting) {
scheduleIdleTask(this.hideIfNotIntersecting); scheduleIdleTask(this.hideIfNotIntersecting);
} }
return { return {
@ -109,7 +109,7 @@ export default class IntersectionObserverArticle extends ImmutablePureComponent
ref={this.handleRef} ref={this.handleRef}
aria-posinset={index + 1} aria-posinset={index + 1}
aria-setsize={listLength} aria-setsize={listLength}
style={{ height: `${this.height || cachedHeight}px`, opacity: 0, overflow: 'hidden' }} style={{ height: `${this.height || cachedHeight || 150}px`, opacity: 0, overflow: 'hidden' }}
data-id={id} data-id={id}
tabIndex='0' tabIndex='0'
> >