Completed
Last Updated: 11 Apr 2024 08:10 by ADMIN
Release 2024 Q2 (May)
Jakub
Created on: 26 Jun 2023 10:50
Category: DateTimePicker
Type: Bug Report
6
DateTimePicker popup rendering breaks when you slowly hover over the right side of the dropdown

Hey Telerik team,

We encountered issue with DateTime picker which I was able to reproduce in your Documentation preview.

If you hover over the date time dropdown, but really slowly it bugs out and the view becomes unusable like this:

As you can see, the dropdown is messed up and it seems like the hover over the border is trying to trigger some action to change from date to time pick automatically

 

Jakub

5 comments
ADMIN
Nadezhda Tacheva
Posted on: 11 Apr 2024 08:10

Hi Jakub,

Thank you for sharing your findings!

In the meantime, we managed to detect the root cause and fix the issue. Now it should not occur regardless of the screen size and the browser zoom level. The status of the item is accordingly updated and the fix will be included in our upcoming release in May.

Thank you also for bringing this to our attention!

Regards,
Nadezhda Tacheva
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources!
Jakub
Posted on: 04 Apr 2024 11:27

I used Microsoft Edge and I'm still able to reproduce this issue.

Interestingly enough, the bug behaves differently based on the screen size or resolution I didn't really figure it out but here's my outcome from testing:

15.6" Screen with 1920x1200 resolution the dropdown breaks only if I go from right side

27" Screen with 2560x1440 resolution the dropdown breaks from both sides

I'm also attaching video recording from the 27" screen testing the datetime picker from the documentation page

ADMIN
Nadezhda Tacheva
Posted on: 04 Apr 2024 10:28

Hi Jakub,

I confirm that I am also able to reproduce the problem and I re-opened the item.

Interestingly enough, I am reproducing this only in Chrome (latest). In Edge, it works as expected on my end while the ticket information states that you are using Edge.

As for how to "break" the rendering - I do hit that only when the mouse enters from the right-hand side.

Can you please:

  • confirm in which browser(s) you are reproducing this problem (please also include the used versions?
  • send a screen recording that shows the exact actions you perform to hit this (apart from entering the popup from the right-hand side)?

Regards,
Nadezhda Tacheva
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources!
Jakub
Posted on: 28 Mar 2024 14:00

The tag claims that its completed but I'm still able to reproduce it in our system that uses version 5.1.1 and also in your documentation
Blazor Date-Time Picker Overview - Telerik UI for Blazor

And no, it's not true that it appears only when you enter the dropdown from right side, you can just go from the dropdown outwards to the edges of dropdown and the dropdown breaks everytime very consistently

ADMIN
Nadezhda Tacheva
Posted on: 27 Jun 2023 08:40

Hi Jakub,

Thank you for reaching out! I also managed to reproduce the behavior in the live demo.

The ticket does not contain any sensitive information, so I am directly converting it to a public bug report. It looks like the issue occurs only when the mouse enters from the right-hand side, so I added that information in the title as well.

As a small gesture of appreciation for pointing our attention to this behavior, I have rewarded your account with some Telerik points.

Regards,
Nadezhda Tacheva
Progress Telerik

As of R2 2023, the default icon type will be SVG instead of Font. See this blogpost for more information.