Ngx-infinite-scroll: [scrollWindow]="false" with CSS height: 100% not working

[alexandremoore]

If we set [scrollWindow]="false" with a CSS height of 100%, infinite-scroll does not trigger.

If we set an explicit CSS height value in px (or em, rem, etc.) with overflow: auto, then it works as expected.

Demo

https://stackblitz.com/edit/ngx-infinite-scroll-bbaf6n

[orizens]

try setting height with px.

[alexandremoore]

@orizens, I know using px will work but I need to set it in %.

[orizens]

then try using height: 100vh

[alexandremoore]

100vh does not equal 100%. I want 100% of the parent container which is not necessary 100% of the viewport.

[ThomasPizzo]

I am seeing it on window scroll as well when the html element is set to 100%.

For example: html { height: 100% }

The scroll event never fires.

[orizens]

@alexandremoore @ThomasPizzo
this should work:

.search-results {
  height: 100%;
  display: flex;
  flex-direction: column;
}

[ck88ger]

your css code dont resolve this issue @orizens