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

Dropdown list almost always off center

4 Answers 18 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Alex
Top achievements
Rank 1
Alex asked on 12 Apr 2016, 07:57 PM

It seems that the more grids and/or rows I add to a page the more issues I have with dropdowns being off center (see attached)

 

Is this a known issue or has it been encountered by anyone else?

 

4 Answers, 1 is accepted

Sort by
0
Venelin
Telerik team
answered on 13 Apr 2016, 06:26 AM
Hello Alex,

Based on the provided information I am not able to reproduce the issue on my side, nor on the online demos:

http://demos.telerik.com/aspnet-mvc/grid/editing-custom
http://demos.telerik.com/aspnet-mvc/grid/index

Do you have any custom styles and scripts included in this page? Also in which browser the described issue replicates?

Regards,
Venelin
Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Alex
Top achievements
Rank 1
answered on 13 Apr 2016, 01:57 PM

This occurs in latest versions of IE and Firefox, Google Chrome works fine.

 

I narrowed the issue down to an issue with jqPlot. Removing that solved my initial issue.

BUT, another issue revealed itself: I can select the grid to have a pagesize less than the current amount, and switch between the original amount and the lower amount as much as I want, but if I select greater than the current amount it won't display.

For example, if my grid has 30 items, and the default page size is 10, I can select 5, and then select 10 again and again and again. But, if I select 20 for page size, I get the 20 items, but afterwards I don't have the ability to select anything else.

Attached: This is an image of me clicking on the page size dropdown, but nothing coming up, it looks very similar to the previous issue.

This new issue happens even when I remove the references to jqplot, but it also again, only happens in IE and Firefox.

 

Here is what the header of my page looks like when I do view source. Do you notice anything odd about my css or javascript files?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta charset="UTF-8" />
    <title>Captal Asset - Edit</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
         
    <script src="/Scripts/jquery-2.2.0.js"></script>
    <script src="/Scripts/kendo/kendo.all.min.js"></script>
    <script src="/Scripts/kendo/kendo.aspnetmvc.min.js"></script>   
    <link href="/Content/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="/Content/kendo/kendo.common-bootstrap.min.css" rel="stylesheet"/>
    <link href="/Content/kendo/kendo.bootstrap.min.css" rel="stylesheet"/>
 
 
</head>

 

 

0
Venelin
Telerik team
answered on 14 Apr 2016, 06:48 AM
Hello Alex,

There is nothing irregular with the resource file declaration, the problem is unlikely to be there. It seems to me that  a JavaScript error is thrown while executing the mentioned steps. Could you please open your browser console and see if this is true? If not, please open a support ticket and send a solution that we can run and debug.

Regards,
Venelin
Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Alex
Top achievements
Rank 1
answered on 14 Apr 2016, 12:32 PM

A javascript error wasindeed occurring, inside of the jquery library (2.2.0). I upgraded, via nuget, to jquery 2.2.3 and the issue seemed to go away.

 

Thank you so much for pointing me in the right direction.

Tags
Grid
Asked by
Alex
Top achievements
Rank 1
Answers by
Venelin
Telerik team
Alex
Top achievements
Rank 1
Share this question
or