javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(sideMenu): when a drag on content is disallowed, do not prevent default

Browse Source 
Closes #1725
This commit is contained in:
Andrew
2014-07-08 08:26:55 -06:00
parent a2fe834a61
commit ab500f2e0c
2 changed files with 22 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
js/angular/controller/sideMenuController.js vendored
View File

@@ -9,7 +9,6 @@ function($scope, $attrs, $ionicSideMenuDelegate, $ionicPlatform) {
extend(this, ionic.controllers.SideMenuController.prototype);
this.$scope = $scope;
this.dragThreshold = 25;
ionic.controllers.SideMenuController.call(this, {
left: { width: 275 },
@@ -23,26 +22,36 @@ function($scope, $attrs, $ionicSideMenuDelegate, $ionicPlatform) {
return $scope.dragContent;
};
this.dragThreshold = 25;
this.dragOnlyEdge = false;
this.edgeThreshold = 25;
this.edgeThresholdEnabled = false;
this.edgeDragThreshold = function(value) {
if (arguments.length) {
if (angular.isNumber(value) && value > 0) {
this.dragThreshold = value;
this.dragOnlyEdge = true;
this.edgeThreshold = value;
this.edgeThresholdEnabled = true;
} else {
this.dragOnlyEdge = !!value;
this.edgeThresholdEnabled = !!value;
}
}
return this.dragOnlyEdge;
return this.edgeThresholdEnabled;
};
this.isDraggableTarget = function(e) {
return (self.isOpen() || $scope.dragContent) &&
(!e.gesture.srcEvent.defaultPrevented &&
!e.target.tagName.match(/input|textarea|select|object|embed/i) &&
!e.target.isContentEditable &&
!(e.target.dataset ? e.target.dataset.preventScroll : e.target.getAttribute('data-prevent-default') == 'true'));
var startX = e.gesture.startEvent && e.gesture.startEvent.center &&
e.gesture.startEvent.center.pageX;
//Only restrict edge when sidemenu is closed and it's enabled
var shouldAllowOnlyEdgeDrag = self.edgeThresholdEnabled && !self.isOpen();
var dragIsWithinBounds = !shouldAllowOnlyEdgeDrag ||
startX <= this.edgeThreshold ||
startX >= this.content.offsetWidth - this.edgeThreshold;
return ($scope.dragContent || self.isOpen()) &&
dragIsWithinBounds &&
!e.gesture.srcEvent.defaultPrevented &&
!e.target.tagName.match(/input|textarea|select|object|embed/i) &&
!e.target.isContentEditable &&
!(e.target.dataset ? e.target.dataset.preventScroll : e.target.getAttribute('data-prevent-default') == 'true');
};
$scope.sideMenuContentTranslateX = 0;