Dynamic Matrix - A huge gap appears when dragging a row

[JaneSjs]

To reproduce the issue, load the following survey to our online demo:

{
  "pages": [
    {
      "name": "page1",
      "elements": [
        {
          "type": "matrixdynamic",
          "name": "question1",
          "columns": [
            {
              "name": "Column 1",
              "cellType": "text"
            },
            {
              "name": "Column 2",
              "cellType": "text",
              "inputType": "date"
            },
            {
              "name": "Column 3",
              "cellType": "text",
              "inputType": "date"
            },
            {
              "name": "Column 4",
              "cellType": "dropdown"
            },
            {
              "name": "Column 5",
              "cellType": "comment"
            }
          ],
          "choices": [
            1,
            2,
            3,
            4,
            5
          ],
          "allowRowsDragAndDrop": true
        }
      ]
    }
  ]
}

Start dragging a row and observe a huge gap on the right of a draggable item: