title: Mapbox: Display div overlay while keeping map controls
body: <p>I'm making a app with mapbox-gl-js and I'm having trouble setting up a <code>div</code> overlay that still allow to control the map underneath.</p>
  
  <p>I tried setting <code>pointer-events: none</code> on the overlay div, that worked, but only if the div's position is set to <code>fixed</code> or <code>absolute</code> and I want the position to be <code>relative</code>.</p>
  
  <p>How can I do that ?</p>
  
  <p>Thanks !</p>