Issue 8: Form does not have scroll bar if all the Elements do not fit on screen

Webix JS
1

Component Issues:
Component: Form

Issue: Form does not have scroll bar if all the Elements do not fit on screen.

See examples below:

http://webix.com/snippet/5ae30487

http://www.softcreator.com/WebIx/Issues/008_Form_wo_scrollbars/008_Form_wo_scrollbars.png

2

Form with default settings will not have inner scroll. You need to define “scroll” attribute.

By default form will adjust self to fit all inputs, and as result it may produce scroll on the external container ( document.body ), unfortunately webix styles block such scroll. To restore it you can add css style like next

	<style type="text/css">
		body.webix_full_screen{
			overflow: scroll;
		}
	</style>

In such case you will be able to use a global document scroll.

P.S. The “scroll” attribute of form doesn’t work well. So while it must work, it doesn’t work for your sample. It will be fixed in the next build.

3

I followed suggestion to use “body.webix_full_screen{overflow: scroll;}” and it resolved the problem, but X and Y scroll bars are visible even when not needed.

I belive the similar issue is reported as a bug#64.

“It will be fixed in the next build.”

Any timeframe on when the fix will be available?

4

Check http://webix.com/snippet/c67c93f5
Enabling “scroll” on form results in correct scroll.

Without such attribute and with above styles you have a full document scroll

5

Is there a way to not show scroll bars when they are not needed?

I’d make scroll=“XY” a default value, but with “XY” scroll bars are always on (even when disabled).

When not needed can they be hidden instead of disabled? When disabled they eat space and overload UI.

6

Currently scrollbars in the form can be always visible or always hidden. We will improve this behavior in the next builds.

7

Hi!

To do it now, you only need to add the property “scroll”:“y”