k-loading-mask positioning issues

9 posts, 0 answers
  1. Sam
    Sam avatar
    34 posts
    Member since:
    Dec 2016

    Posted 10 Jan Link to this post

    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/

     

  2. Stefan
    Admin
    Stefan avatar
    1886 posts

    Posted 11 Jan Link to this post

    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
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Sam
    Sam avatar
    34 posts
    Member since:
    Dec 2016

    Posted 11 Jan in reply to Stefan Link to this post

    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

  4. Stefan
    Admin
    Stefan avatar
    1886 posts

    Posted 15 Jan Link to this post

    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
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  5. Sam
    Sam avatar
    34 posts
    Member since:
    Dec 2016

    Posted 24 Jan in reply to Stefan Link to this post

    @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?

  6. Sam
    Sam avatar
    34 posts
    Member since:
    Dec 2016

    Posted 24 Jan in reply to Stefan Link to this post

    @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?

  7. Konstantin Dikov
    Admin
    Konstantin Dikov avatar
    2278 posts

    Posted 26 Jan Link to this post

    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:
    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
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  8. Sam
    Sam avatar
    34 posts
    Member since:
    Dec 2016

    Posted 08 Mar in reply to Konstantin Dikov Link to this post

    Hello, do you have any updates on this bug please?
  9. Stefan
    Admin
    Stefan avatar
    1886 posts

    Posted 12 Mar Link to this post

    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
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top