Bug[Maps]: Map pans completely out of visible area when moving east

[bharadwajdasavaram-vialto]

When panning is enabled on the Syncfusion React Maps component, users can move the map entirely out of the visible area by panning toward the east direction. This results in the map disappearing completely from the viewport. The issue occurs at certain screen resolutions.

This behavior is reproducible in the official Syncfusion demo as well: (https://ej2.syncfusion.com/react/demos/?_gl=1*ed9ot3*_gcl_au*MTAxNjI2OTg0NC4xNzU3OTk5MTYx*_ga*NzU1OTg5Mjc3LjE3NTE2Mjc2ODc.*_ga_41J4HFMX1J*czE3NjEyMDUxNTAkbzgkZzEkdDE3NjEyMDUyNzUkajYwJGwwJGgw#/bootstrap5/maps/zooming)

In my case, users are able to move map completely to the left.

Expectation:

• The map should stop panning once the easternmost region (edge of the map) is reached.
• The visible area should always contain at least part of the map.

Actual behavour:

• The map continues to move indefinitely toward west.
• It can be completely dragged out of the visible area, leaving the viewport blank.

If there’s a way to restrict or control panning manually using the map’s API (for example, with the pan method), please provide an example.