Grid Popup window issue in Chrome and Firefox

7 posts, 1 answers
  1. Steven
    Steven avatar
    29 posts
    Member since:
    Jul 2012

    Posted 21 Mar 2013 Link to this post

    I have a Grid defined to display a Popup window for editing using a template.  The popup window displays correctly in IE9, but only shows up as a tiny box in Chrome and Firefox.

    Any ideas why this might be occurring?
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2622 posts

    Posted 21 Mar 2013 Link to this post

    Hi Steven,

    I am not quite sure what causes the problem in your application. Is it possible to send a small runnable project which demonstrates the issue? This way I would be able to change what exactly is going wrong and provide concrete recommendations. Thank you in advance for your time.
     
    Regards,
    Iliana Nikolova
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Steven
    Steven avatar
    29 posts
    Member since:
    Jul 2012

    Posted 22 Mar 2013 Link to this post

    So I have narrowed the issue down to a style issue.  The opening HTML for the window looks like this:

    <div class="k-widget k-window" style="padding-top: 32.007999420166016px; width: 900px; height: 500px; display: block; top: 200.5px; left: 123.5px; z-index: 10003; opacity: 1; -webkit-transform: scale(0.01);" data-role="draggable">

    The -webkit-transform: scale(0.01) is the culprit.  If I uncheck this style element in Chrome the window displays normally.

    Do you know where this element may be coming from?  If so, is there a way I can disable it?  If not, is there a way to "override" it?
  4. Answer
    Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2622 posts

    Posted 26 Mar 2013 Link to this post

    Hi Steven,

    Thank you for the details. The described outcome looks like a bug from a previous version of Kendo UI (such a bug is already addressed). Please upgrade to the latest official version of Kendo UI for ASP.NET MVC (v2013.1.319) and let me know if you still observe any problems.
     
    Kind regards,
    Iliana Nikolova
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  5. Haris
    Haris avatar
    2 posts
    Member since:
    Apr 2013

    Posted 08 Apr 2013 Link to this post

    Updating kendo didn't help for me. So i found the following solution for it:

    var popupDiv = $('body').find('div[data-role="draggable"]');
    popupDiv.css({"-webkit-transform":"scale(1)"});

    After this, popup is shown but i am facing other issues.
  6. Haris
    Haris avatar
    2 posts
    Member since:
    Apr 2013

    Posted 08 Apr 2013 Link to this post

    Iliana Nikolova,
    Updating Kendo didn't worked for me. I am using chrome.
  7. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2622 posts

    Posted 09 Apr 2013 Link to this post

    Hi Haris,

    I am not sure what is the reason for the issue in your application. Is it possible to provide a small runnable project which demonstrates the problem and which I can test locally? This way I would be able to check what exactly is going wrong and advice you further. Thank you in advance.
     
    Regards,
    Iliana Nikolova
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top