Problem with Custom Scroll

I’ve implemented a scrollview that dynamically adds rows obtained from a database. These rows are basically 2-line collapsed messages that can be expanded to reveal more details. However, I’m experiencing some issues with the custom scroll on the scrollview.

If I am using the default scroll, the scrollview expands correctly and behaves as to be expected. If I enabled custom scroll, though, the scrollview’s height will not readjust by itself, remaining the same size before expanding.

I’ve tried logging the .$height of the scrollview and noticed that it does have the height it should have, but it doesn’t seem to redraw the actual component.

Here is a gallery of captures showing the issue: http://imgur.com/a/4uXsh#0

0: regular scroll, pre-expand
1: regular scroll, post-expand
2: custom scroll, pre-expand
3: custom scroll, post-expand

I was unable to replicate my code (not the issue, the actual functionality) on code snippet.

Edit: forgot to mention that I’ve tried using reconstruct, refresh, resize and resizeChildren on all applicable components in my component hierarchy and none does anything to solve the issue.

Edit 2: with the custom scroll, after a resize, if I position my mouse over where the scrollbar should be, it will eventually fix itself.

Anyone?

Custom scroll can’t detect changes in the size of container as native one do. We will add an API that will readjust the custom scroll on resize of related component.

Thank you.

Is there an ETA for it?

Edit: while trying to figure out a workaround, I’ve noticed that the scroll readjusts if the mouse leaves and reenters de scrollview. Not sure if this is relevant to anything, though.

Yep, currently, scroll will adjust self each time when it is activated ( each time when mouse is moved to the new view )

As for eta, we will release Webix 2.5 till the end of this week, it will contain a fix for the above issue.

I am not sure this is the same problem but I have been working on an issue with headers. In order to address the issue I am having I modified headers using CSS; specifically font-size, line-height and height. That part works fine.

However, I have noticed that the custom scroll bar does not adjust. So if I add 10 px of height, it appears that it is 10 px short. Tried a bunch of things and nothing worked. When I came across this post I turned off custom scroll bar.

Native scroll bars worked perfectly. Resized itself in response to header size increase.

Thoughts?

This snippet demos the issue with CSS:
http://webix.com/snippet/4e5e9dd0

However, in this example, neither custom or native scroll is working correctly. In my project, I do resize and refresh in other areas so I suspect something I am doing there is triggering native to resize correctly? Not sure.