dataview: after scrolling down on mobile devices content is not rendered

Webix JS
1

Hi,

There are some problems on mobile devices (safari on iPad, chrome on android) when using ‘dataview’.
If using 3 columns ‘tree’, ‘resize’, ‘dataview’ and scroll down in last column (dataview) content area, new elements get not rendered.
If using 5 columns ‘tree’, ‘resize’, ‘datatable,’ ‘resize’, ‘dataview’ and scroll down last column (dataview) content area, new elements are rendered after scroll is finished.

Please have a look at my test code.

This will work on mobile devices - the last column is scrollable and content is rendered after scroll action has finished.
http://leo.eibler.at/tests/webixdv/dv_work.html

This will not work on mobile devices - the last column is scrollable but after scrolling down the content is empty.
http://leo.eibler.at/tests/webixdv/dv_notwork.html

Screenshot: Chrome mobile does not render content after scroll down.
http://leo.eibler.at/tests/webixdv/chrome_fail.png

Both examples works without error on desktop browser.

Thank you,
regards,
Leo

2

Hi.

Nobody has the same error?

regards,
Leo

3

Sorry for delay, I somehow missed your original post.

I can confirm the issue
It never happens locally but I can reconstruct it with the above link.

4

As quick solution, change your code like next

view:"dataview",
prerender:true, // add this line
id:"pictures",
5

Hi,

yes it works. thank you for this fix.

regards,
Leo