title: Leaflet Selecting Map Objects but Only When Flexbox
body: <p>I'm seeing very strange behavior with Leaflet in Firefox, but not Chrome or IE/Edge. Essentially, when the map container is <code>display: flex</code>, all its objects that I can see are selected when I click. If I start dragging, the selection happens when I pick up the mouse.</p>
  
  <p>It looks like "text" selection, but I'm not sure. It does not behave like normal text selection, as, usually, the item gets selected when you drag over it, while here, it gets selected when you click on it, or, technically, when you let go of your mouse. My best guess is flexbox alters some of the calculations Leaflet does to determine when dragging is happening.</p>
  
  <p>I created a <a href="http://plnkr.co/edit/rxjb3a3vgmTUEUnPPSQF?p=preview" rel="nofollow noreferrer">plunker</a> of the behavior. On Firefox, if you click the top map, it gets selected. If you click the bottom map, nothing unusual happens.</p>
  
  <p>Firefox version: 52.0.1 (32-bit)
  Google Chrome version: 57.0.2987.133
  Internet Explorer version: 11.0.9600.18617
  Edge version: 38.14393.0.0, EdgeHTML version: 14.14393</p>