angulargrid icon indicating copy to clipboard operation
angulargrid copied to clipboard

Published 20 hours ago • verified publisher icon s-yadav

ag-infinite-scroll not working with overflow-y: hidden

Open galcivar opened this issue 7 years ago • 3 comments

Hi! ag-infinite-scroll="load()" doesn't get called when <body layout="column" style="overflow-y: hidden !important">

The above is needed to get Angular Material toast and other components working. See: https://github.com/angular/material/issues/3539#issuecomment-117822671

galcivar avatar Apr 01 '17 22:04 galcivar

For clarification I tried:

<md-content id="content-scroller">
<div>
<div class="cards-wrap" angular-grid="gallery" ag-grid-width="350" ag-performant-scroll="true" ag-gutter-size="12" ag-id="gallery" ag-scroll-container=" '#content-scroller' " ag-infinite-scroll="loadMore()">
...
</div>
</div>
</md-content>

And thows a DOM error:

Uncaught DOMException: Failed to execute 'querySelector' on 'Document': ' '#content-scroller' ' is not a valid selector. at B (http://localhost:1337/js/dependencies/angulargrid.min.js:11:2286)

Also tried with ag-scroll-container="#content-scroller" Then it gives me no error, but still it is no fix for the scrolling issue.

galcivar avatar Apr 01 '17 23:04 galcivar

having same issue.. any one can help?

awaistechverx avatar Jun 01 '17 15:06 awaistechverx

Having the same issue. Can anyone help?

adarshsingh1407 avatar Dec 14 '17 11:12 adarshsingh1407