[Bug] Fullscreen map does not cover all the viewport when tab is already in fullscreen mode.

[Stouffi]

Description

When browsing in full screen mode, activating the full screen control on the map will show the map not resized within full screen viewport.

Expected Behavior

The map should resize to cover the entire viewport.

Steps to Reproduce

This bug is reproducible at https://visgl.github.io/react-map-gl/examples/controls using Chrome 119.

1. Enable fullscreen mode at the browser window level (From the Google Chrome menu bar, Select View then Enter Full Screen).
2. Click the Enter fullscreen button on the map.
3. The map will not be resized and will not cover the viewport.

Please note that the bug is not reproducible when DevTools is open

Environment

• Framework version: react-map-gl@7.0.21
• Map library: mapbox-gl@2.12.0
• Browser: Chrome 119
• OS: macOS 14.1.1

Also reproducible with framework version and map library used by example at https://visgl.github.io/react-map-gl/examples/controls

Logs

The bug is not reproducible when DevTools is open.