Lost the distance measures when drawing (except for circle)

Chrome V58 Windows 10 Leaflet 1.0.3 Leaflet-draw 0.4.9

As shown below, with leaflet 1.0 and leaflet draw 0.2.4 I was getting text distance for lines, and area for rectangles.

Now I only get the area for circles, but the others do not show anything. Is this just me, and why does the below no longer work?

(I.e. I no longer see the 1425.65 km as shown below).

function addDrawLayer() {
    var options = null
    var map = MAP.map
    var drawings = new L.FeatureGroup()
    MAP.drawLayer = drawings
    map.addLayer(drawings)

    options = {
        shapeOptions: {
            showArea: true,
            clickable: true
        },
        metric: true,
        edit: {
            featureGroup: drawings
        }
    }
    var drawControl = new L.Control.Draw(options)
    map.addControl(drawControl)
    map.on('draw:created', function (e) {
        var type = e.layerType
        var layer = e.layer
        if (type === 'marker') {
            layer.bindPopup('A popup!')
        }
        drawings.addLayer(layer)
    });
}

[berti]

For polylines, it looks like this is because L.Draw.Polyline never shows the length in the tooltip if the browser supports touch events, which Chrome for desktop seems to do. I understand why this was done, but I’m not sure about the best solution here.

For rectangles and polygons, it’s a matter of setting the right options:

const drawOptions = {
  draw: {
    rectangle: {
      showArea: true
    },
    polygon: {
      showLength: true,
      showArea: true,
      allowIntersection: false  // Otherwise, area would not be shown
    }
  }
};

[hbaltz]

The version 1.0.0 of leaflet.draw seems to correct this problem