This is a migrated thread and some comments may be shown as answers.

Grid Popup window issue in Chrome and Firefox

6 Answers 185 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Steven
Top achievements
Rank 1
Steven asked on 21 Mar 2013, 06:33 PM
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?

6 Answers, 1 is accepted

Sort by
0
Iliana Dyankova
Telerik team
answered on 21 Mar 2013, 09:00 PM
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!
0
Steven
Top achievements
Rank 1
answered on 22 Mar 2013, 06:37 PM
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?
0
Accepted
Iliana Dyankova
Telerik team
answered on 26 Mar 2013, 02:36 PM
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!
0
Haris
Top achievements
Rank 1
answered on 08 Apr 2013, 12:38 PM
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.
0
Haris
Top achievements
Rank 1
answered on 08 Apr 2013, 01:31 PM
Iliana Nikolova,
Updating Kendo didn't worked for me. I am using chrome.
0
Iliana Dyankova
Telerik team
answered on 09 Apr 2013, 11:08 AM
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!
Tags
Grid
Asked by
Steven
Top achievements
Rank 1
Answers by
Iliana Dyankova
Telerik team
Steven
Top achievements
Rank 1
Haris
Top achievements
Rank 1
Share this question
or