Sorry for the inconvenience caused.
We are still unable to reproduce the issue "Map draws outside the accordion container". We have created map sample by using your provided cshtml file but the application map with accordion was not rendering in the proper alignment as per the video which was sent by you in the previous update.
We have noticed that you have specified various container with class names "panel-title", "panel panel-orange", "left" etc to render the layout and we were not able to find out the styles which was applied to those containers hence we are getting inappropriate alignment view while rendering the sample and cannot process the expanding/collapsing accordion behavior to reproduce the issue.
Please find the video link which provides the view of map with accordion when we render your cshtml changes:
Please let us know the codes used to achieve accordion control behavior or using any other accordion control. While trying with the Syncfusion accordion control, map renders within the container without overlapping while zoom in/out map and expanding/collapsing the accordion control.
Please find the cshtml file which we tried out to render map control using Syncfusion accordion control:
It would be better for us to assist you further, if you send the sample or css file containing styles applied for the containers and accordion control used to render the accordion view in the video provided.
We would like to ensure certain criteria from your side also additionally to resolve the issue such as,
1. Ensuring "overflow:visible" style is not applied anywhere in the container holding map control or any root container since there is chances that control will render outside the container, if the overflow style is visible.
2. Also try to render the map control with position style as absolute.
Please ensure the above things and get back to us with additional details requested to provide you accurate solution.
Please let us know in case of any queries.