<!DOCTYPE html> <html> <head> <style> .container { margin: 10px; width: 300px; height: 200px; background-color: grey; } .static { display: static; } .inline-block { display: inline-block; } .floatleft { float: left; } *[draggable=true] { width: 100px; height: 100px; margin: 10px; background-color: green; } </style> </head> <body> <div class="container inline-block static"> display: inline-block; position: static; <div draggable="true">Drag Me</div> If the drag-icon follows the mouse pointer while dragging the above green block, the test passes. </div> <div class="container" style="overflow:hidden"> greybox overflow:hidden; greenbox float:left;<br> <div class="floatleft" draggable="true">Drag Me</div> If the drag-icon follows the mouse pointer while dragging the green block to the left, the test passes. </div> </body> </html>