Canvas content shift after transform and size changed

[FlySkyPie]

Environment

• mapbox-gl-js version: 2.14.1 and 3.2.0
• Browser: Google Chrome 121.0.6167.160
• System: Ubuntu 23.04

Description

Canvas not longer display correctly, when changing size and transform scale to big size (8000px in this case), but DOM based items (Marker) still work fine.

Link to Demonstration

• Minimal Reproduction
  • Source code: https://github.com/FlySkyPie/mapbox-transform-resize-bug
• Conrole Group
  • I also create a control group which render in same condition but without resize.
  • Required run in dev mode.

Expected Behavior

Actual Behavior

Extra information

Looks bug only happen on Blink, those browser work fine:

• Mozilla Firefox 123.0.1
• Epiphany 44.1

[FlySkyPie]

I just discovered the the buffer size of WebGLRenderingContext didn't match the canvas size......

[joshnice]

We are having the same issue to, however this is when we integrate Mapbox with DeckGL and use their scenegraph layer (glb model files).

I have made a minimal reproduction - https://jsbin.com/makuvaj/edit?html,output
In the example the pink circle layers is where the models should be, if they were rendered in correct position.

To see the bug you will need to manually set your browser width and height to over 8000px.
Additionally I found that the issue only happens on Chrome and not Firefox.