title: Leaflet draw not working with Django - shape never finishes
body: <p>My Django app just started having a weird problem where when I try to draw a shape on a map with Leaflet and Leaflet draw, the shape never finishes. That is, when I click and drag to draw a shape, the shape draws, then when I release the mouse, the shape looks finished but a new shape immediately starts drawing (with the mouse released). If I press "esc" the shape looks finished. But, the web console has the error:<br>
  <code>MouseEvent.mozPressure is deprecated. Use PointerEvent.pressure instead. leaflet.js:5:268</code></p>
  
  <p>I tried updating <code>django-leaflet</code> from pip. I'm not sure where else <code>leaflet.js</code> would be coming from (it's not a static file). I'm using a MacBook, tried with track pad and USB mouse.</p>
  
  <p>Anyone know how this started happening and how I can fix it? Bizarre that it was working and now is not without me changing anything.</p>
  
  <p>Here's some relevant code:</p>
  
  <pre><code>    {% load leaflet_tags %}
      {% leaflet_css %}
      {% leaflet_js %}
      &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/1.0.4/leaflet.draw.css"/&gt;
      &lt;script src="http://leaflet.github.io/Leaflet.draw/leaflet.draw.js"&gt;&lt;/script&gt;
      map.on(L.Draw.Event.CREATED, function (e) {
          console.log('created'); //Never prints to console
          var type = e.layerType;
          var layer = e.layer;
          map.addLayer(layer);
          geoJSON_obj = layer.toGeoJSON();
          if (type === 'circle') {
              var rad = layer.getRadius();
              geoJSON_obj.properties.radius = rad;
          }
          var jsonObj = JSON.stringify(geoJSON_obj);
          document.getElementById('id_image__location').value = jsonObj;
          });
      }
  </code></pre>
  
  <p>Using Django 2.2.3 and Python 3.8</p>