tauab

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