ScrollView not anymore working in Firefox

[Tayger]

Hello

ScrollView seems not to work anymore in Firefox. You can try it by yourself with KendoUIs  sample:

1. Open Firefox

2. Head here: https://demos.telerik.com/kendo-ui/scrollview/index

3. Click the left/right arrow or any dot at bottom of displayed image

-> See tany other image is not displayed.

Firefox shows some warnings but no errors in the Console. Tested on Mac with Firefox 126.0 (64Bit) but also got information it's not working with Firefox on Windows (not sure about Firefox Mobile).

Anyone can confirm this issue/bug?

 

[Georgi Denchev]

Hello, Tayger,

This seems to be related to FireFox itself as it occurs only in the latest release of the browser and it affects several components.

There is a report on Bugzilla that is related to the issue:

https://bugzilla.mozilla.org/show_bug.cgi?id=1898455 

Once it is patched, the ScrollView should return back to normal.

Best Regards,
Georgi Denchev
Progress Telerik

[Tayger]

Mozilla says it's a bug in the Kendo framework and they point to the issue:

I think this a bug in the kendo framework: https://github.com/telerik/kendo-ui-core/blob/817e1380d55fb3454b7d38141df7103d4e3a1586/src/kendo.core.js#L2203C39-L2222 

It looks like they assume support for MozTransform in CSSStyleDeclaration means support for -moz-transform in CSS. It's not clear why the library doesn't support unprefixed transform.

-> Mentioned here in comments: https://bugzilla.mozilla.org/show_bug.cgi?id=1898455

 

[Georgi Denchev]

Hello, Tayger,

Since the problem appeared after a browser update it is a bit hard to call it a bug on our end, however it is true that the logic that checks for transforms/translations is a bit outdated at this point.

I'll review it and make the necessary changes on our end. This should patch the problem with the animations across the components.

Best Regards,

Georgi

[Tayger]

Thank you, that would be very much appreciated! I unterstand your and Mozillas argumentation. I'm just a customer in the middle.

[Georgi Denchev]

Hi, Tayger,

I apologize if my previous reply came across as aggressive or anything of the sort, that was not my intention.

The statement from the FF team is valid, the prefix detection approach was indeed problematic. However, the fact that it breaks after a version update with no mention in the BC section was a bit out of the blue.

With all that said, the problem should hopefully be remedied with the next Kendo release.

Best Regards,

Georgi

[CONSTANTIN]

We are experiencing scrolling issues on Firefox while using Kendo Hybrid components!
It started manifesting after the latest FF release!
Are these issues related and if yes, is there any ETA on a fix on Kendo's side?
Regards!

[Georgi Denchev]

Hi, Constantin,

It is possible that the problem occurs for the same reason, however the Hybrid components have been deprecated and we no longer keep them updated, this information is mentioned here:

https://docs.telerik.com/kendo-ui/controls/hybrid/introduction 

I'd strongly advise you to migrate to the standard components.

Best Regards,

Georgi

[CONSTANTIN]

Is there any guide we could use for migrating to standard components from Hybrid?
Our entire application has been built with hybrids components and we have a hard time understanding what's the right approach for migrating!
eg. We use a lot of data-role="view" and we rely heavily on navigating using app.navigate("#view") This has been baked in a 100-page application and obviously migrating is not a trivial task!
I'm sure the community would appreciate a migration guide at least considering we've been left hanging when Telerik decided to stop supporting hybrid!

[Georgi Denchev]

Hi, Constantin,

We don't have a migration guide, however for the most part you just have to switch from a mobile component to a regular one:

https://docs.telerik.com/kendo-ui/api/javascript/mobile/ui/listview 

https://docs.telerik.com/kendo-ui/api/javascript/ui/listview 

The regular components support the MVVM patter which is similar to the one that was being used in the mobile components.

You write html with data-* attributes and this is evaluated to a component:

https://docs.telerik.com/kendo-ui/framework/mvvm/overview 

We do also have a concept in Kendo jQuery for creating SPAs:

https://docs.telerik.com/kendo-ui/framework/spa/overview 

However, if that is your goal, perhaps you could also look into Kendo Angular/React as these frameworks are specifically designed for that purpose. The navigation between pages is handled much more gracefully.

Best Regards,

Georgi

[CONSTANTIN]

Thanks, Georgi
We started working on migrating our Cordova + Kendo Mobile app to Cordova+Kendo regular components!
The first challenge we have is trying to understand the best way to replace 

 app.application = new kendo.mobile.Application($(document.body), {...}

 

Can you point us in the right direction here on how we should approach this migration?
We use MVVM on the entire app and we reply on data-role="view" 
How should we go about rewriting a mobile view using MVVM and mobile components to a view using regular components?
Appreciate your support!

[Georgi Denchev]

Hi, Constantin,

I am glad you're making progress!

There isn't a straight up 1 to 1 conversion between the mobile and regular view.

The general idea is to use the Layout/View/Router classes that we expose to create a similar workflow, where the user clicks on some link or button and the view is updated(similar to how SPAs work).

Examples of this are showcased in the last link that I shared:

https://docs.telerik.com/kendo-ui/framework/spa/overview 

https://docs.telerik.com/kendo-ui/framework/spa/router 

https://docs.telerik.com/kendo-ui/framework/spa/layout

https://docs.telerik.com/kendo-ui/framework/spa/view 

Best Regards,

Georgi

[Tayger]

Hello

Just tested again in Firefox and with Slider demo, not yet working. When is the KendoUI JQuery version release planned to make it work again in Firefox?

Regards

[Georgi Denchev]

Hello, Tayger,

The `demos-poc` subdomain was used temporarily while we were doing some internal migrations. The demos on it are outdated and don't use the latest version.

Please check them on `demos.telerik.com`:

https://demos.telerik.com/kendo-ui/scrollview/index 

I'll update the previous comments to point to the correct resources.

Best Regards,

Georgi

[Tayger]

Ah, so I always checked with the wrong (outdated) demo, my bad....

I just have tested in on Mac with the latest FF release and I can confirm it's working again! :)

Thank you for fixing it!

I would need to reactivate my license... Can you let me know if the fix is already in the release of August? I can't find anything regarding this issue in the change list. If not, by which release this fix would be implemented?

Kind Regards

[Georgi Denchev]

Hi, Tayger,

Yes, the changes are available in v2024.3.806(the latest release).

The release note is the following one as it involved a somewhat more major change, that is why it isn't listed as a fix:

https://www.telerik.com/support/whats-new/kendo-ui/release-history/kendo-ui-for-jquery-2024-3-806-(2024-q3) 

Best Regards,

Georgi

[Tayger]

Thanks a ton, Georgi! I've tested it and it works like a charm! This made me reactivate my license.

Best Regards