Unplanned
Last Updated: 15 Jun 2023 07:39 by ADMIN
Bálint
Created on: 08 Jun 2023 14:17
Category: Kendo UI for jQuery
Type: Bug Report
0
(Firefox) TimePicker TimeView component causing unexpected window scrolling when setting input value through code

The following issue is only present in a Firefox browser:
Changing the value of a TimePicker input field through code can sometimes cause the entire browser to scroll to the top of the page.

Was tested in:
Firefox 114.0 (64bit) 
(User Agent: "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/114.0")

Reproduction: 

  1. Create an input and initialize it as a TimePicker. 
  2. Open the TimeView dropdown element either by clicking the button next to the input field, or by code (timePicker.open())
  3. Close the TimeView dropdown element either by clicking the button next to the input field again, or clicking away from it anywhere on the page, or by code (timePicker.close())
  4. Scroll down any amount from the top of the page.
  5. Use the timePicker.value(...) function to set the value of the TimePicker field. The selected value has to be equal to any of the options available in the TimeView dropdown element.
  6. The browser will scroll to the top of the page.

Test in Dojo: https://dojo.telerik.com/UdoLAkat/4

Expected behaviour: 
- After step 5. the value should just update in the TimePicker input field without causing any scrolling to happen.

I am assuming this behaviour happens because the TimeView component is attempting to scroll within its <ul> element to the option that has been selected by the .value(...) call, but since the entire TimeView component and all of its elements are hidden, Firefox somehow misinterprets the scrolling and scrolls the main viewport to the top of the page instead.

1 comment
ADMIN
Georgi Denchev
Posted on: 15 Jun 2023 07:39

Hi, Bálint,

Thank you for the provided details.

The issue seems to be related to the following report:

https://github.com/telerik/kendo-ui-core/issues/6603 

I'll raise its priority, however from what I was able to gather this might be a browser related problem.

Best Regards,
Georgi Denchev
Progress Telerik

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