Refresh/Update doesn't seem to be fully working.

[gjgcomp]

I have the scrollbar implemented on the initial view/state of my project which is using ui.router. What's getting rendered is a json data list from our API in a blog style format, and with ng-repeat. The scrollbar gets applied correctly and since we're using height:auto for responsiveness, everything works fine initially.

However when I click a button and go to a different view/state, and then come back to that same view/state, nothing is shown. Further looking into the DOM inspector, I find that height:auto is getting ignored and the height = 0. The content is there, but it's appearing to be "hidden" because of the scroll-body div being set to height:0.

I'm wondering if the scrollbar directive is getting executed before the div is getting re-rendered with the json data. Although this wouldn't make sense because everything is fine on the initial view. Its just that when you leave it to view another view/state, and then come back to it, it's not refreshed/updated correctly. Any clues as to why this is happening, or what can be done to do a force refresh/update while using height:auto?

Thanks

[ziscloud]

@garlong You can see the slimscroll wrapper in the DOM inspector, so I think the directive is executed, but the height of wrapper is not calculated correctly.

Based on your description, I think the cause of this issue could be, the slimscroll is rendered before the json data being returned from backend service, after the dom is changed by ng-repeat, the slimscroll is not updated accordingly.

[rahultokase]

Hi do you find the solution for this even i am facing the same issue.