After resizing/expanding div size, while releasing action it comes back to its default size

I am trying to click and hold resizable handler and then moving mouse by x and y offset and then releasing the mouse to expand div. After releasing the Action div comes back to its Default size.

I ll appreciate even if I get JavascriptExecutor equivalent script as well.

Here is my code snippet.

new Actions(driver)
    .clickAndHold(driver.findElement(By.xpath("//*[@data-qa-ref='resize-handle-NE']/div")))
    .moveByOffset(50,-50)
    .release()
    .build()
    .perform();