CSS limit on the total height

[RuBiNaLDo]

Hello,

I've tried to use very very large data (150,000), where each element has 300px height. The whole viewport size is 800px. Code is here:

<div style="max-height: 800px; width: 400px; overflow: auto"> <ul> <li style="height: 300px;" sf-virtual-repeat="team in worldcup.teams"> <span ng-click="doSomething(); test= !test;">{{$index}}: {{team}}</span> <span>test: {{test}}</span> </li> </ul> </div>

I'm having only 111,848 items. Why is that?

Thanks.

[RuBiNaLDo]

I am guessing the problem is that the padding limit can be 3500000 so we can't use more data.

[stackfull]

yes, there will be a limit. I beleive it's most restrictive in IE, but I may be out of date on that.

When I first looked in to making a-v-s, SlickGrid had implemented a scroll that could get around the limit, but it makes the scroller behave strangely. https://github.com/mleibman/SlickGrid/issues/22

I should document this limit

[RuBiNaLDo]

Hey,

Yes! Thanks i found that fiddle. http://jsfiddle.net/SDa2B/4/