Panning is not working

583- ok

	My diagram definition is given below.
           Panning is not working.
           Anything wrong in my diagram definition?
	                               var diagram = GO(go.Diagram, "mydiagram", 
				        {
				    	  "commandHandler.zoomFactor": 1.2,
				    	  allowMove:false,
				    	  allowLink:false,
				    	  allowDelete:false,
						  allowZoom:false,
						  allowCopy: false,
						 
						  isEnabled: true,
						  "grid.visible": true,
						  "grid.gridCellSize": new go.Size(500, 500),
						  "toolManager.mouseWheelBehavior": go.ToolManager.WheelScroll,
						  "contextMenuTool.defaultTouchContextMenu": null,
						  "ModelChanged": updateAngular,
						  "textEditingTool.starting": go.TextEditingTool.DoubleClick,
						  "textEditingTool.doMouseDown": function() {
					            if (this.isActive) {					            	
					              this.acceptText(go.TextEditingTool.MouseDown);
					              var tb = this.diagram.findObjectAt(this.diagram.lastInput.documentPoint);
					              if (tb instanceof go.TextBlock && tb.editable) {
					                var tool = this;
					                setTimeout(function() {
					                  tool.textBlock = tb;
					                  tool.diagram.currentTool = tool;
					                }, 1);
					              }
					              scope.diagramClicked();
					            }
						  },
				    	  click: function(e, obj) {
				    		  scope.diagramClicked();
				          }
				      });	
				diagram.grid.elements.each(function(s) { s.stroke  = "transparent"; })
				diagram.grid.areaBackground = "#f9e79f";
				diagram.toolManager.panningTool.isEnabled = true;
				diagram.toolManager.dragSelectingTool.isEnabled = false;
				
				diagram.toolManager.textEditingTool.defaultTextEditor = window.TextEditor; 

That looks OK to me – you haven’t turned off scrolling in general and you haven’t disabled the PanningTool in particular. So users should be able to pan in the diagram background.