[Bug] deck.gl canvas displays in wrong location for non-interleaved `MapboxOverlay` in maplibre

[JayFoxRox]

Description

The MapboxOverlay is placed at the wrong location, sometimes sticking out of the maplibre container or being clipped incorrectly.

Flavors

• Script tag
• React
• Python/Jupyter notebook
• MapboxOverlay
• GoogleMapsOverlay
• CartoLayer
• ArcGIS

Expected Behavior

By default, the overlay should be in the right location

Steps to Reproduce

Controlled by enableBug2 in https://github.com/JayFoxRox/deck.gl-bugs/blob/master/src/DeckGlBugs.tsx

Can be worked around by manually placing it in the style of the MapboxOverlay:

const mapboxOverlay = new MapboxOverlay({

  style: enableBug2 ? undefined : {
    left: '0',
    top: '0',
  },

  interleaved: false,
})

Environment

• Framework version: deck.gl@9.0.0-beta.4
• Browser: All
• OS: All

Logs

No response