How to handle drag and drop in Selenium?

The basic sequence involved in drag and drop is:
Move the pointer to the object.
Press, and hold down, the button on the mouse or other pointing device, to "grab" the object.
"Drag" the object to the desired location by moving the pointer to this one.
"Drop" the object by releasing the button.

Please refer below Program to understand how to perform drag and drop:

import org.openqa.selenium.By;

import org.openqa.selenium.WebDriver;

import org.openqa.selenium.WebElement;

import org.openqa.selenium.chrome.ChromeDriver;

import org.openqa.selenium.interactions.Actions;


public class DragAndDropDemo {

 public static void main(String[] args) throws InterruptedException {

  WebDriver driver;

  System.setProperty("webdriver.chrome.driver",

    "C:\\Users\\Hitendra\\Downloads\\chromedriver_win32\\chromedriver.exe");

  driver = new ChromeDriver();

  driver.manage().window().maximize();

  driver.get("https://demoqa.com/droppable/");

  Thread.sleep(1000);



  WebElement from = driver.findElement(By.id("draggable"));

  WebElement to = driver.findElement(By.id("droppable"));

  Actions act = new Actions(driver);

  // act.dragAndDrop(from, to).perform();

  // act.dragAndDropBy(from, 133, 22).perform();

  act.clickAndHold(from).moveToElement(to).release().build().perform();


  WebElement droppedMsg = driver.findElement(By.xpath("//div/p[text()='Dropped!']"));

  if (droppedMsg.isDisplayed()) {

   System.out.println("Success");

   System.out.println("Message is: "+droppedMsg.getText());

  } else {

   System.out.println("Failed");

  }

  Thread.sleep(1000);

  // driver.close();

 }

}

Please refer below youtube video to understand How to handle drag and drop.