List from Timpicker isn't "attached" to It's timepicker

[Adrian]

Hello,

First of all I'm using grid which has columns with timepicker, when I click to select time List of hours is displayed but not axactly above or below of it's timepicker but x rows above or below, sometimes It's not event visble on the screen.

 

I'm creating these grids dynamically which means when I click on something then grid shows up.

 

Here is my code :

    $("#grid-" + shopID).kendoGrid({
        dataSource: dataSource,
        height: 550,
        sortable: true,
        pageable: {
            refresh: true,
            pageSizes: true,
            buttonCount: 5
        },
        columns: [
            {
                title: "Day",
                field: "scheduleDay",
                format: "{0:yyyy/MM/dd}",
            },
            {
                editor: timePicker,
                format: "{0:HH:mm}",
                title: "Godzina rozpoczęcia pracy sklepu"
            },
            {
                editor: timePicker,
                field: "workEndHour",
                format: "{0:HH:mm}"
            }
            { command: ["edit"], title: " " }
        ],
        editable: "inline"
    });
};

 

I've attached image how is it looks like. 

On the top I have some kind of summary grid, where I can pick which Grid to show, the problem occurs only on lowest rows. Have no idea how to make this works.

[Preslav]

Hello Adrian,

I understand the problem. I created a sample page:

• https://dojo.telerik.com/oQibAJIp

Unfortunately, I was not able to replicate the problem.

Could you please check the above page, and let me know what am I doing wrong? It will help me a lot if you can modify it so it clearly replicates and isolates the issue.

I look forward to your reply.


Regards,
Preslav
Progress Telerik