Titanium TiDraggable BubbleParent Issue: app.js

gistfile1.txt

// this sets the background color of the master UIView (when there are no windows/tab groups on it)
Titanium.UI.setBackgroundColor('#000');

// create tab group
var tabGroup = Titanium.UI.createTabGroup();


// Load Draggable
var Draggable = require('ti.draggable');

//
// create the table view setup
//

var win = Titanium.UI.createWindow({
	title:"Test"
});

// create a view container
var DraggableView = Draggable.createView({
	top: 0,
	left: 0,
	right: 0,
	bottom: 0,
	draggableConfig: {
      minLeft: 0,
      maxLeft: 0,
      minTop: 0,
      maxTop: 0,
      ensureBottom: true,
      enabled: false
    }
});

var container = Ti.UI.createView({
	top: 0,
	left: 0,
	right: 0,
	bottom: 0,
	bubbleParent: false
});

//
// add some events so we can listen
//

var events = ["start", "move", "end", "cancel"];

for(var i=0;i<events.length;i++){
	DraggableView.addEventListener(events[i], function(e){
		console.log(
	        'Event: ' + e.type,
	        'Left: ' + e.left,
	        'Top: ' + e.top
	    );
	});
};

// create table view data object
var data = [
	{title:'Row 1', hasChild:true},
	{title:'Row 2', hasDetail:true},
	{title:'Row 3'},
	{title:'Row 4'},
	{title:'Row 5'},
	{title:'Row 6'},
	{title:'Row 7'}
];

// create table view
var tableview = Titanium.UI.createTableView({
	data:data,
	bubbleParent: false
});

// create table view event listener
tableview.addEventListener('click', function(e)
{
	// event data
	var index = e.index;
	var section = e.section;
	var row = e.row;
	var rowdata = e.rowData;
	Titanium.API.info("row - row index = "+row+", row section = "+row);
	Titanium.UI.createAlertDialog({title:'Table View',message:'row ' + row + ' index ' + index + ' section ' + section  + ' row data ' + rowdata}).show();
});

// add move event listener
tableview.addEventListener('move',function(e)
{
	Titanium.API.info("move - row="+e.row+", index="+e.index+", section="+e.section+", from = "+e.fromIndex);
});

// add table view to container
container.add(tableview);

DraggableView.add(container);

// add container to the window
win.add(DraggableView);

//
//  create edit/cancel buttons for nav bar
//
var edit = Titanium.UI.createButton({
	title:'Move'
});

edit.addEventListener('click', function()
{
	win.setRightNavButton(cancel);
	tableview.moving = true;
});

var cancel = Titanium.UI.createButton({
	title:'Cancel',
	style:Titanium.UI.iPhone.SystemButtonStyle.DONE
});
cancel.addEventListener('click', function()
{
	win.setRightNavButton(edit);
	tableview.moving = false;
});

win.setRightNavButton(edit);

var tab1 = Titanium.UI.createTab({  
    icon:'KS_nav_views.png',
    title:'Tab 1',
    window:win
});

//
//  add tabs
//
tabGroup.addTab(tab1);  


// open tab group
tabGroup.open();