From 7dcc860adaf2d69021b87ae148dc600c9e19f9e5 Mon Sep 17 00:00:00 2001
From: Riad Benguella <benguella@gmail.com>
Date: Fri, 30 Mar 2018 15:37:31 +0100
Subject: [PATCH] Fix scrolling when dragging

---
 components/drop-zone/provider.js | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/components/drop-zone/provider.js b/components/drop-zone/provider.js
index e29f9ae343ab9..343e50d4627a1 100644
--- a/components/drop-zone/provider.js
+++ b/components/drop-zone/provider.js
@@ -6,7 +6,7 @@ import { isEqual, find, some, filter, noop, throttle } from 'lodash';
 /**
  * WordPress dependencies
  */
-import { Component } from '@wordpress/element';
+import { Component, findDOMNode } from '@wordpress/element';
 
 class DropZoneProvider extends Component {
 	constructor() {
@@ -17,7 +17,6 @@ class DropZoneProvider extends Component {
 		this.dragOverListener = this.dragOverListener.bind( this );
 		this.isWithinZoneBounds = this.isWithinZoneBounds.bind( this );
 		this.onDrop = this.onDrop.bind( this );
-		this.bindContainer = this.bindContainer.bind( this );
 
 		this.state = {
 			isDraggingOverDocument: false,
@@ -27,10 +26,6 @@ class DropZoneProvider extends Component {
 		this.dropzones = [];
 	}
 
-	bindContainer( ref ) {
-		this.container = ref;
-	}
-
 	dragOverListener( event ) {
 		this.toggleDraggingOverDocument( event, this.getDragEventType( event ) );
 		event.preventDefault();
@@ -53,6 +48,7 @@ class DropZoneProvider extends Component {
 		window.addEventListener( 'dragover', this.dragOverListener );
 		window.addEventListener( 'drop', this.onDrop );
 		window.addEventListener( 'mouseup', this.resetDragState );
+		this.container = findDOMNode( this );
 	}
 
 	componentWillUnmount() {
@@ -225,7 +221,7 @@ class DropZoneProvider extends Component {
 
 	render() {
 		const { children } = this.props;
-		return <div ref={ this.bindContainer }>{ children }</div>;
+		return children;
 	}
 }