Scrollview in window isn't scrolling

Webix JS
1

Hi everyone,

I’ve created a windows where it’s body is a scrollview. For some reason the scrollview isn’t scrolling. Can any one see why?

webix.ui({
  view:"window", width:800, height:800, fullscreen:true, id:"logwin",
  head:{
    view:"toolbar", cols:[
    {view:"label", label: "Logfile" },
    { view:"button", label: 'X', width: 50, align: 'right', click:"$$('logwin').close();"}
    ]
  },
  body:{
    view:"scrollview", scroll:"xy", body:{
      template:update.data.message
     }
   }		           		
}).show();
2

Can you provide a snippet that shows the problem? For now, the scrollview works as expected:

http://webix.com/snippet/04966392

3

Hello, thank you for your reply. I noticed you added a height and width to the template. Perhaps i’m not clear on how these work. I set both the window height/width and scrollview height/width to 800 and the scroll doesn’t seem to work. Here is a snippet with text that won’t scroll.

http://webix.com/snippet/1f86b694

thanks,
jas

4

According to your code, the size of the scrollview’s body (template) is equal to the size of the parent layout (window). The scroll will not work in such case.

You can define autoheight:true for the template:

body:{
   view:"scrollview", scroll:"y", body:{
      template:". . .",
      autoheight:true
   }
}

but actually, you don’t need the scrollview if the window contains only template:

http://webix.com/snippet/b43a4746

5

https://snippet.webix.com/bb7tjezt i am not able to scroll down using keyboard down arrow

6

Hello @brahma, unfortunately, CustomScroll doesn’t support keyboard scrolling. The only way around this issue is to disable the CustomScroll: https://snippet.webix.com/1wvks7c7.

7

Hi @Dzmitry Thanks