title: Drag and Drop not working on table data with horizontal scroll
body: <p>I have a simple table with a drag and drop feature. It works fine when there is no horizontal scroll but with a horizontal scroll it is not working properly.</p>
  <h1>Image With Horizontal scroll</h1>
  <p><img src="https://i.stack.imgur.com/POCEw.png" alt="" /></p>
  <p>and</p>
  <h1>Image Without Horizontal Issue</h1>
  <p><img src="https://i.stack.imgur.com/Xvq57.png" alt="" /></p>
  <p>I want the same behavior of dragging while with horizontal scrolling.</p>
  <p>JsFiddle Link: <a href="https://jsfiddle.net/fhnoc28x/4/" rel="nofollow noreferrer">https://jsfiddle.net/fhnoc28x/4/</a></p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>scrollPosition = getScrollPosition()[0];
  edge.page.x *= X &lt; screen.width / 2 ? -1 : 1;
  if (!((edge.page.x &lt; 0 &amp;&amp; scrollPosition &lt;= 0) || (edge.page.x &gt; 0 &amp;&amp; scrollPosition &gt;= (scrollData.width - screen.width)))) {
    if (edge.flag.x++ === 0) {
      // call window autoscroll
      autoScrollX(window);
    }
  }</code></pre>
  </div>
  </div>
  </p>
  <p>`</p>