This is a migrated thread and some comments may be shown as answers.

Tile click not functional in FireFox

4 Answers 113 Views
TileList
This is a migrated thread and some comments may be shown as answers.
Scott
Top achievements
Rank 1
Scott asked on 23 Mar 2018, 09:10 AM

Good morning,

 

We are witnessing an issue in the latest version of FireFox (v59.0), Telerik Ajax 2018 R1, where the tile click event is not firing - issue can be replicated on the Tile demo page also:

https://demos.telerik.com/aspnet-ajax/tilelist/examples/overview/defaultcs.aspx

 

This appears to be due to amendments to the pointer functionality mentioned in the 59.0 release notes:

"Added support for W3C specs for pointer events and improved platform integration with added device support for mouse, pen, and touch screen pointer input"

https://www.mozilla.org/en-US/firefox/59.0/releasenotes/

 

This can be proved further by modifying the about:config and setting the dom.w3c_pointer_events.enabled value to disabled and refreshing the page, after which the tiles work.

 

Screen record:

https://www.screencast.com/t/dc4duWvP6

 

This is affecting our production environment, so a quick fix/workaround would be appreciated.

Many thanks

4 Answers, 1 is accepted

Sort by
0
Accepted
Peter Milchev
Telerik team
answered on 23 Mar 2018, 10:31 AM
Hello Scott,

Thank you for providing such a detailed information. 

We are aware of this issue and the fix will be available in the upcoming official release. 

Meanwhile, placing the following override below the TileList can be used as a workaround:

<script>
    var $T = Telerik.Web.UI;
    $T.RadTileList.prototype._handleClickAfterDragging = function (draggable, args) {
        var tile = draggable.tile,
            shouldHandleClick = this.get_enableDragAndDrop() &&
                                !this._isTouchEvent(args._domEvent) &&
                                draggable._deltaX < 5 &&
                                draggable._deltaY < 5;
  
        if (shouldHandleClick) {
            tile.set_dragStarted(false);
            if (!$telerik.isMobileSafari) {
                tile._mouseClickHandler();
            }
            draggable._deltaY = 0;
            draggable._deltaX = 0;
        }
    }
</script>

Regards,
Peter Milchev
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Scott
Top achievements
Rank 1
answered on 23 Mar 2018, 12:17 PM

Hi Peter.

Thank you so much for your prompt response. Just to let you know that I've now applied the work-around script and it fixed the problem.

 

Thanks again for your help.

0
Akash
Top achievements
Rank 1
answered on 20 Jun 2018, 06:57 PM

Hi Peter,

Just would like to know whether the fix is available in any release.

 

Thanks,

Akash

0
Peter Milchev
Telerik team
answered on 21 Jun 2018, 10:51 AM
Hello Akash,

The issue is fixed and included in R2 2018. Please keep in mind that some Telerik controls have issues in FireFox as explained in https://www.telerik.com/forums/known-issues-and-important-changes#KKI7NGE4P0K-jwQGL525dA. We are addressing these issues and they should be fixed in R2 2018 SP1. 

Regards,
Peter Milchev
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
TileList
Asked by
Scott
Top achievements
Rank 1
Answers by
Peter Milchev
Telerik team
Scott
Top achievements
Rank 1
Akash
Top achievements
Rank 1
Share this question
or