Hi all
I have some issue with the jqxTouch API and the ‘tap’ event for mobile devices as it seems.
The code I have is a simple jqxExpander. The content area inside is made touchable due the jqxTouch Api.
Inside the content area i have 2 buttons with the jqxButton API tied to them.
the content touch area has an event bind to it with:
$(.content).on('tap', function(){...});
and each button the same way:
$(.buttonOne).on('tap', function(){...});
$(.buttonTwo).on('tap', function(){...});
The problem is, that every hit to the button also bubbles up to the content, even if stopPropagation() and stopImmediatePropagation() is set inside all event handlers.
If i set all events to ‘click’, the code reacts as expected with only one event called.
Has this something to do with the type of the ‘tap’ detection used inside the jqxTouch, so that the browser sees two different events and can’t stop the propagation?
I would expect that behaviour when the event types ahave been mixed, f.ex. the buttons set to ‘click’ and the touch set to ‘tap’ but not if all 3 event types are the same.