H5P Iframe on Modal Popup

We have integrated H5P hot spot in Drupal using H5P - Create and Share Rich Content and Applications module.
Extension URL: https://www.drupal.org/project/h5p/

We are facing issue with loading iFrame when we use it inside modal popup. Image is not loading on modal for ref please see attached screenshot.

If we use resize window than image appears and hotspot clicks also working as expected.

We followed some documentation from h5P and triggered window resize event using custom js but still issue remains same.

Note: If we use same Image hotspot without modal popup, working as expected.