Compact attribution broken in top-left/top-right locations.

[blakekl]

mapbox-gl-js version: 0.50.0

browser: Chrome

Steps to Trigger Behavior

Create a new map with attribution set to false.
add a new attribution control with the compact setting set to true to either the 'top-left' or 'top-right' locations.

Link to Demonstration

The attribution control does not appear.

https://jsfiddle.net/LiquidDivide/3o1nfmza/2/

by adding some space to the top, you can see it is added to the map, however, it is above the map and not displayed. In addition, hovering/clicking the attribution icon causes the attribution to appear below the icon, and flicker since it is immediately blurred/hovered repeatedly.
https://jsfiddle.net/LiquidDivide/3o1nfmza/5/

Expected Behavior

the icon appears on the map correctly and doesn't change position when hovered.

Actual Behavior

the attribution appears above the map, out of view, and custom styling to move the attribution back into view reveals a blur/hover flicker loop.

[malwoodsantoro]

@blakekl thanks for reporting this! I'm able to reproduce the issue you are seeing and we are taking a closer look at this.