Problem with Custom Scroll

Webix JS
1

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.

2

Anyone?

3

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.

4

Thank you.

5

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.

6

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.

7

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.