k-loading-mask positioning issues

[Sam]

The k-loading-mask div is now inside the k-content div.

This causes a few issues when it comes to the layout whilst loading.
 - The grid is still scrollable
 - The loading mask moves up and down whilst scrolling.

 

Please see the attached gif where i did the following to highlight the issue;
 - Used chromes browser throttling mode to emulate a very slow network connection
 - Added `background: red` to `.k-loading-mask`

In older versions the loading mask covered the entire grid div and prevent this issue from happening.
Example;
http://jsfiddle.net/dimodi/dYcHg/

 

[Stefan]

Hello, Sam,

Thank you for the example and the report.

Could you please specify which is the older version that was applying the loading-mask over the Grid element as I returned to version 2014.1.318 and it was still using the current approach:

http://dojo.telerik.com/oSERU

Still, I will forward this to the developers' team for additional investigations if it will be better to apply the loading-mask over the entire Grid by default.

Regards,
Stefan
Progress Telerik

[Sam]

In the JSBin in the link you can see that the linked kendo version is;
http://cdn.kendostatic.com/2013.3.1324/js/kendo.web.min.js

 

Thanks

[Stefan]

Hello, Sam,

Thank you for the clarification.

I used the suggested version 2013.3.1234 and the current behavior was still observed on my end. I made a video demonstrating this:

https://www.screencast.com/t/RPSXYOVNyVJh

http://dojo.telerik.com/oSERU/2

The same was observed in the provided JsFiddle after removing the custom logic:

http://jsfiddle.net/dYcHg/458/

Please advise if I missed an important detail.

Regards,
Stefan
Progress Telerik

[Sam]

@Stefan you are right, I can see now that the fiddle has infact fixed this issue.

 

Either way It appears to be a visual bug of Kendo, perhaps it should be submitted for a fix?

[Sam]

@Stefan, you are right the jsfiddle has some code to tray and fix the issue.

 

Either way, its a visual bug of Kendo perhaps it should be submitted for a fix?

[Konstantin Dikov]

H Sam,

The initial example that you have shared is not using the built-in loading indicator and it is manually shown over the Grid (within the requestStart event of the dataSource). The same approach works as expected with our latest version as well:

• http://dojo.telerik.com/oSERU/4

As for changing the behavior, we will have to discuss this in our team, because such change will be a huge breaking change that will break all existing application that rely on the current position of the loading mask.


Regards,
Konstantin Dikov
Progress Telerik

[Sam]

Hello, do you have any updates on this bug please?

[Stefan]

Hello, Sam,

For now, we do not have any short or mid-term plans to change this behavior.

As my colleague mentioned, this will be a breaking change and we should avoid any breaking changes as the control is used in many production applications.

Could you please advise the issue that occurs with the example provided in the last reply:

http://dojo.telerik.com/oSERU/4

We will be happy to assist in order to achieve the desired result with the current version of Kendo UI.

Regards,
Stefan
Progress Telerik