Ionic gestures doesn't work on ion-tab


#1

I want to use on-double-tap in ion-tab element. But doesn’t work. Here is codepen.

I even tested with $ionicGesture event listeners:

var el = angular.element(document.querySelector('#first_tab'));
var callback = function(e) {
      console.log('gestureee!');
};
// tested : hold, tap, doubletap
$ionicGesture.on('hold', callback, el);

html:

<ion-tab id="first_tab" icon="icon-tab-margin tab-icon-size ion-android-home" href="#/tab/dash">
	<ion-nav-view name="tab-dash"></ion-nav-view>
</ion-tab>

Both of them works fine into the each tab’s content or other states.