toggleCls() Issue on iOS

[bcolflesh]

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?

[mitchellsimoens]

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

new Ext.Container({
    fullscreen : true,
    items      : [
        {
            xtype   : 'button',
            text    : 'Test',
            handler : function(button) {
                button.getEl().toggleCls('myButtonActive');
            }
        }
    ]
});

.myButtonActive {
    color: #f00;
}