Too small buffer size, too big viewport problem

[dhilt]

Some kind of race condition occures when the viewport is big enough while the "buffer-size" is small enough. Look at the demo! Scroller tries to break through the top border of the viewport. 5 times it loads data packs (of 3 items, per "buffer-size" = 3) and scroll position does not change, it stays at the very bottom, while should move up per each iteration.

[dhilt]

Workaround: play with "buffer-size", "padding" and the viewport height.

[misterdev]

I've played a lot with butter-size and padding but it didn't work for me. The only thing that solves it in my app is to give every item a fixed size in CSS. Using computed values like ng-style doesn't seem to work.

[dhilt]

@misterdev The problem has been fixed in effective-height branch and it will be included in the next release. The branch' distributive is also available: https://raw.githubusercontent.com/angular-ui/ui-scroll/effective-height/dist/ui-scroll.js.

[dhilt]

The fix is in 1.7.0-rc.2 published version.