title: Unable to drag handles when editing feature
body: <p>I'm using leaflet-draw to draw and edit layers with the following configuration.</p>
  
  <pre><code>    window.drawnItems = new L.FeatureGroup().addTo(map);
          var options = {
          position: 'topleft',
          edit: {
               featureGroup: window.drawnItems
          },
          draw: {
              polyline: {
                  shapeOptions: {
                      color: '#f357a1',
                      weight: 10
                  },
                                  guideLayers: guideLayers,
              },
              polygon: {
                  allowIntersection: false, // Restricts shapes to simple polygons
                  drawError: {
                      color: '#e1e100', 
                      message: 'You can\'t draw that!'
                  },
                  shapeOptions: {
                      color: '#bada55'
                  }, 
                                  guideLayers: guideLayers,
              },
                          marker: {
                                  guideLayers: guideLayers,
                                  snapVertices: false
                          },
              rectangle: false,
              circle: false,
              circlemarker: false,
          }
      };
  
  map.addControl(new L.Control.Draw(options));
  </code></pre>
  
  <p>With this it's absolutely fine to add new features but when i'm trying to edit it, I mean change feature's geometry, when i'm dragging the handle (the white box) i'm moving the hole map instead of feature. So it seems like something prevents plugin's normal work. <a href="https://i.stack.imgur.com/0te9j.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0te9j.jpg" alt="enter image description here"></a></p>
  
  <p>i'm also using </p>
  
  <pre><code>leaflet Snap "0.0.3"
  leaflet": "^0.7.7",
  leaflet-geometryutil": "*"
  leaflet-draw": "^0.3.2"
  </code></pre>