Overlay just covers initial view area but not scrolled view area.

Webix JS
#1

I have a bigger form and use an overlay box to block it while the save process runs. But somehow this overlay only covers exactly that part of the form which is visible on the init of the form, but the area you can only see after scrolling is not covered by the overlay box.

How can I enforce covering at least the CURRENTLY viewed area?

Subquestion here: Can I get scrolling while the overlay box is active?

#2

Hello,

webix.OverlayBox is designed to cover empty widgets that are not filled with content, that’s why it doesn’t expect a scroll area beneath.

To actually prevent from scrolling, you can disable the widget: https://snippet.webix.com/xzbj6qbl

#3

With scrolling still active but disabled: https://snippet.webix.com/oytloxuj

#4

The Form is wrapped in a Scrollview in your example, so in this case you need to disable the Scrollview: https://snippet.webix.com/3rhotjv8

In my snippet I switched on scrolling for the Form itself - that’s the difference.

#5

Should have clarified that my response was for his subquestion, or at least how I interpreted it.

#6

@Jendrik Thanks! That is exactly what I seek! :smiley: