DateTimePicker UI Broken when Console open

1 Answer 30 Views
Date/Time Pickers
Al
Top achievements
Rank 1
Al asked on 15 Nov 2023, 06:52 AM | edited on 15 Nov 2023, 06:53 AM

Hi,

In following scenario:

- Configure Date Time Picker with Modern view

- Open Browser Console

- Open date picker

- Now move your cursor in the browser window randomly

- Your date picker window permanently changed to time window

In this i cannot go back to data/month view. I am stuck with time view. Is it expected or am i missing something?


<!DOCTYPE html>
<html>
<head>
    <title></title>

    <link href="css/default-main.css" rel="stylesheet" />

    <script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>

    <script src="js/kendo.all.min.js"></script>

</head>
<body>
<input id="datetimepicker"/>
<style>

</style>

<script>
    $(function () {
        $("#datetimepicker").kendoDateTimePicker({
            componentType: "modern",
            interval: 1
        });
    });
</script>

</body>
</html>

Al
Top achievements
Rank 1
commented on 15 Nov 2023, 07:00 AM

Upd: issue can be generated without opening console.

1 Answer, 1 is accepted

Sort by
0
Peter Milchev
Telerik team
answered on 17 Nov 2023, 08:49 AM

Hello Al,

It seems like the buttons are either not rendered at all, or the styling makes them blend in with the background. This could be due to a JavaScript error preventing the rendering or some custom styles that affect the appearance of the control. 

Please check if using the regular themes' CDN and kendo CDN would fix the issue:

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/themes/7.0.2/default/default-ocean-blue.css">

<script src="https://kendo.cdn.telerik.com/2023.3.1114/js/kendo.all.min.js"></script>

 

If you still observe the issue, please modify this dojo example to replicate the error and if possible record a short video of the reproduction steps:

Regards,
Peter Milchev
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources
Al
Top achievements
Rank 1
commented on 17 Nov 2023, 04:28 PM

Hi,

The issue can be generated with suggested cdn too. I am adding video for reproduction.

Peter Milchev
Telerik team
commented on 20 Nov 2023, 09:46 AM

Hi Al,

Thank you for the video, the reproduction seems similar to the one reported in this issue: https://github.com/telerik/kendo-ui-core/issues/6917 

Please confirm that you are using the Tab key in order to reproduce this issue.

Al
Top achievements
Rank 1
commented on 20 Nov 2023, 12:32 PM

Hi,

No i am not using tab key. I am just moving my cursor randomly in the window to reproduce the issue. But i can confirm that the issue is same but the reproduction procedure is different.

Peter Milchev
Telerik team
commented on 23 Nov 2023, 01:35 PM

The video shows the popup is already broken from the beginning and once it is fixed, it is not broken again. Nevertheless, the issue is that the time view is wrongly focused and brought into view, so once the shared item is fixed, the problem should not be reproducible anymore. You can follow it to get notified when there is any progress on the item.
Tags
Date/Time Pickers
Asked by
Al
Top achievements
Rank 1
Answers by
Peter Milchev
Telerik team
Share this question
or