Hey guys,
Thank you for all your help, I finally figured it out! The problem was not related to div wrapping or overflow issues, the issue was on the javascript side.
I was calling the play() function before the draggable.create() which caused the issue, see below:
brandVid = document.getElementById('brandVid');
brandVid.play();
Draggable.create("#columnsParent",
{
type:"scrollLeft" ,
bounds:"#columnsParent",
edgeResistance:0.5,
throwProps:true,
throwResistance:1500,
onDragStart:function()
{
//trace('dragging');
CANVAS.dragging = true;
},
onClick:function()
{
//trace('Not dragging');
CANVAS.dragging = false;
}
});
When I switched the order and called play() after the draggable.create() it worked! :
Draggable.create("#columnsParent",
{
type:"scrollLeft" ,
bounds:"#columnsParent",
edgeResistance:0.5,
throwProps:true,
throwResistance:1500,
onDragStart:function()
{
//trace('dragging');
CANVAS.dragging = true;
},
onClick:function()
{
//trace('Not dragging');
CANVAS.dragging = false;
}
});
brandVid = document.getElementById('brandVid');
brandVid.play();
Thanks for your patience, hopefully this thread will help others who encounter the same issue – or maybe this was just a rookie mistake on my part