title: Mapbox background layer click event not working
body: <p>I'm trying to set up a click event on a transparent background layer in Mapbox. Here is a code snippet:</p>
  <pre><code>    map.on('load', function () {
            map.addLayer({
              id: 'transparent',
              type: 'background',
              interactive: true,
              paint: {
                'background-color': '#dedede',
                'background-opacity': 0
              }
      
            })
      }
      
      //This doesn't print Hello World to the console
      map.on('click', 'transparent', function () {
        console.log('Hello World')
      })
  </code></pre>
  <p>Calling the same event on a symbol layer works without a problem. Any help would be appreciated.</p>