Results 1 to 7 of 7

Thread: Ext-6.2.1 button click not working in FireFox

  1. #1
    Sencha Premium User
    Join Date
    Apr 2011
    Posts
    126
    Answers
    1

    Default Answered: Ext-6.2.1 button click not working in FireFox

    Ext-Js 6.2.1
    Firefox 52.01

    I am updating an application from 4.2 to 6.2. None of the buttons are working when using Firefox, all works fine in Chrome (56.0). I can reproduce the same behavior going through ext samples (ext-6.2.1\examples\classic\ticket-app).

    In my app the buttons have an itemId and in the controller I have code like this:

    Code:
            
    this.control({
                'DocDefDetails #importDefinitionButton': {
                    click: this.importDefinitionButtonClicked
                },
                'DocDefDetails #saveButton': {
                    click: this.saveButtonClicked
                },
    Has anyone else run into this, I could not find anything relevant by searching the forum.

    Thank you
    Rudy

  2. Apologies for the inconvenience and thanks for letting us know. We're tracking this issue as EXTJS-23846. There's an override on this thread that might help.
    https://www.sencha.com/forum/showthread.php?336762/page2#12

    This issue has been fixed for 6.2.2 and 6.5.0.

  3. #2
    Sencha Premium User
    Join Date
    Apr 2011
    Posts
    126
    Answers
    1

    Default

    Update:
    I went to the Sencha Support page (https://support.sencha.com/#ticket) in Firefox and most of the buttons did not work. The ones on the bottom left that are links to other sites (like the forum) do work.

    When I logged into the same sight with Chrome everything worked as expected.

  4. #3
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985
    Answers
    506

    Default

    Apologies for the inconvenience and thanks for letting us know. We're tracking this issue as EXTJS-23846. There's an override on this thread that might help.
    https://www.sencha.com/forum/showthread.php?336762/page2#12

    This issue has been fixed for 6.2.2 and 6.5.0.

  5. #4
    Sencha Premium Member
    Join Date
    Aug 2008
    Posts
    65

    Default

    On the support download page there is a version 6.5 but no 6.2.2, only 6.2.1 which has the bug.

  6. #5
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985
    Answers
    506

    Default

    I meant that it had been fixed in the nightlies -- apologies for not being very clear there. Ext JS 6.2.2 has not been released yet, and neither had 6.5.0 at the time of that post.

  7. #6
    Sencha User
    Join Date
    Oct 2016
    Posts
    1

    Default

    Ext-Js: 5.1.3
    Firefox: 65 and 66
    Operating system: windows

    None of the buttons are working when using Firefox, all works fine in Chrome. I can reproduce the same behavior even in the getting started app (https://docs.sencha.com/extjs/5.1.3/...g_started.html).
    Sample code:



    btn = this.toolbar.getComponent('accountsButton');
    if (btn) {
    btn.on('click', this.changeTab, this);
    }

    Has anyone else run into this, I could not find anything relevant by searching the forum.

    Thank you
    Naveen

  8. #7
    Sencha Premium User
    Join Date
    Apr 2011
    Posts
    126
    Answers
    1

    Default

    Hi Naveen,

    I resolved this when using 6.21 by including the two attached files that I found where someone had fixed the issue. I don't remember where I got them.

    Code:
    Ext.define('Ext.ux.EXTJS_23846.Element', {
        override: 'Ext.dom.Element'
    }, function(Element) {
        var supports = Ext.supports,
            proto = Element.prototype,
            eventMap = proto.eventMap,
            additiveEvents = proto.additiveEvents;
    
        if (Ext.os.is.Desktop && supports.TouchEvents && !supports.PointerEvents) {
            eventMap.touchstart = 'mousedown';
            eventMap.touchmove = 'mousemove';
            eventMap.touchend = 'mouseup';
            eventMap.touchcancel = 'mouseup';
    
            additiveEvents.mousedown = 'mousedown';
            additiveEvents.mousemove = 'mousemove';
            additiveEvents.mouseup = 'mouseup';
            additiveEvents.touchstart = 'touchstart';
            additiveEvents.touchmove = 'touchmove';
            additiveEvents.touchend = 'touchend';
            additiveEvents.touchcancel = 'touchcancel';
    
            additiveEvents.pointerdown = 'mousedown';
            additiveEvents.pointermove = 'mousemove';
            additiveEvents.pointerup = 'mouseup';
            additiveEvents.pointercancel = 'mouseup';
        }
    });
    Code:
    Ext.define('Ext.ux.EXTJS_23846.Gesture', {
        override: 'Ext.event.publisher.Gesture'
    }, function(Gesture) {
        var me = Gesture.instance;
    
        if (Ext.supports.TouchEvents && !Ext.isWebKit && Ext.os.is.Desktop) {
            me.handledDomEvents.push('mousedown', 'mousemove', 'mouseup');
            me.registerEvents();
        }
    });

Similar Threads

  1. [CLOSED] disable button tooltip not working with firefox
    By jeewiya in forum Ext:Bugs
    Replies: 1
    Last Post: 10 Jan 2012, 9:24 AM
  2. Replies: 4
    Last Post: 8 Jul 2011, 6:08 AM
  3. Replies: 0
    Last Post: 28 Jan 2011, 4:19 PM
  4. Help with the Firefox (FF) middle button click n drag issue
    By theidealist in forum Community Discussion
    Replies: 2
    Last Post: 21 Oct 2006, 1:20 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •