`resize()` breaks `.flyTo()` (or any movement probably breaks `resize`)

[DavidMulder0]

mapbox-gl-js version: 3.0.1

browser: Chrome 200

Steps to Trigger Behavior

1. Start a flyTo that changes the center of the map
2. Do anything that causes the size of the map to change during the flyTo (e.g. rotating a phone/tablet, or just directly causing the map to resize through code)
3. Observe that the final destination does not match the flyTo destination

Link to Demonstration

https://codepen.io/DavidMulder/pen/WNmNXmP

Expected Behavior

The expected behavior is that 'no matter what' the final state of a flyTo should always match the specified state.

Actual Behavior

A resize is supposed to keep the center of the screen the same, but during a flyTo (I pressume any type of movement) this functionality seems to get disabled.