Why does this code not detect a up or down swipe?

[Johnbran]

Hello,
I am able to detect left or right swipes, but not up or down.
Thanks

                    {                        xtype: 'container',
                        height: 150,
                        itemId: 'mycontainer4',
                        style: 'background-color:tan;',
                        listeners: [
                            {
                                fn: function(component, options) {
                                    component.element.on(
                                    'swipe', 
                                    function(event, node, options, eOpts) {
                                        console.log(event);
                                        Ext.Msg.alert('swipe', 'direction: '+event.direction, Ext.emptyFn);
                                    }
                                    );


                                },
                                event: 'initialize'
                            }
                        ]
                    }

[mitchellsimoens]

First there is a better way to handle element listeners

listeners : {
    element : 'element',
    swipe : function(e) {}
}

The other reason is you have to enable the vertical swipe in the recognizers.