Results 1 to 2 of 2

Thread: toggleCls() Issue on iOS

  1. #1
    Sencha User
    Join Date
    Nov 2011
    Posts
    4
    Vote Rating
    0
      0  

    Default toggleCls() Issue on iOS

    I have a toolbar on top of a carousel with a button that I need to toggle the "state" of, ex:

    el = Ext.get("myButton")
    if ( el )
    {
    el.toggleCls("myButtonActive");
    }

    This works fine on all of my test devices (Android phone/tablets, Windows, browsers, etc), but it has a quirk on the iPad/iPhone - it will toggle the state initially, but will not return to the original state class on the second tap - you have to tap anywhere else for it to "complete" the class toggle.

    Any ideas on this? Some magic "tap" code to fire after the toggleCls() to help iOS?

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,551
    Answers
    3931
    Vote Rating
    1271
      0  

    Default

    I don't have any issue on my iPhone or iPad:

    Code:
    new Ext.Container({
        fullscreen : true,
        items      : [
            {
                xtype   : 'button',
                text    : 'Test',
                handler : function(button) {
                    button.getEl().toggleCls('myButtonActive');
                }
            }
        ]
    });
    Code:
    .myButtonActive {
        color: #f00;
    }
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

Tags for this Thread

Posting Permissions

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