[OPEN] [#351] Ext.net.directRequest eventMask parameter - cover entire page

[PriceRightHTML5team]

Hi
I am using following script.

 Ext.net.directRequest({
            url: '@Url.Action("abc", "def")',
            extraParams: { a: JSON.stringify(dt), b: varb },
            eventMask: { showMask: true, msg: "Please wait ..." },
            success: function (form, action) {
                ...
                ...
            }
            
        });

The mask is shown but covers only the current visible part of the page. If I scroll the browser scroll bar the upper and lower part of the page remain unmasked.
How to cover the entire page.

[Daniil]

Hi @PriceRightHTML5team,

It is a Sencha bug.
http://www.sencha.com/forum/showthread.php?173531

We will try to fix it in Ext.NET. Thank you for the report!

For now, please:

1. Add this CSS rule to the page.

.x-masked {
    overflow: hidden !important;
}

2. Use this eventMask configuration.

eventMask: {
    showMask: true,
    target: "customtarget",
    customTarget: Ext.getBody()
}

Created an Issue.
https://github.com/extnet/Ext.NET/issues/351

[PriceRightHTML5team]

Thanks Daniil,
following your given steps covers the entire page.

[Daniil]

It has been fixed in the revision #5710. It will go to the next release (planned v2.6).

Though, the Issue is still open to review in the future if Sencha fixes in their sources.