1. I have prepared js fiddle for my issue:

   I'm having left and top position assigned to each draggable item. Now, when draggable item is dropped outside of droppable area then draggable item doesn't position itself to initial position.

As per my reading, I have also tried to set top and left to 0 but it didn't work.

1. After dropping element in droppable area, what changes are required so that draggable item covers entire droppable area?

Can anyone help me with this issues?

I have included exact html and css of my dom structure in js fiddle.

Please help me if possible. https://jsfiddle.net/6snh38sw/1/