Tile click not functional in FireFox

5 posts, 1 answers
  1. Scott
    Scott avatar
    7 posts
    Member since:
    Apr 2014

    Posted 23 Mar 2018 Link to this post

    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

  2. Answer
    Peter Milchev
    Admin
    Peter Milchev avatar
    613 posts

    Posted 23 Mar 2018 Link to this post

    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.
  3. Scott
    Scott avatar
    7 posts
    Member since:
    Apr 2014

    Posted 23 Mar 2018 in reply to Peter Milchev Link to this post

    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.

  4. Akash
    Akash avatar
    1 posts
    Member since:
    Jun 2017

    Posted 20 Jun 2018 in reply to Peter Milchev Link to this post

    Hi Peter,

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

     

    Thanks,

    Akash

  5. Peter Milchev
    Admin
    Peter Milchev avatar
    613 posts

    Posted 21 Jun 2018 Link to this post

    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.
Back to Top