Report Iframe does not responds to html-css in ipad

[Sakshi]

Hi, I am trying to embed an iframe in a division through HTML-CSS. The styling is working fine on the desktop i.e. report will resize based on its container and scrolling appears for the report. The same code is not working on iPad Safari browser. Can anyone suggest what will be the possible issue?

[v-ljerr-msft]

Hi @Sakshi,

Could you post some sample code which can help us reproduce the issue, so that we can further assist on it? 

Regards

[Sakshi]

Hi @v-ljerr-msft

I am using the GreenSock library. https://codepen.io/GreenSock/pen/dPZLEp Hit the URL and in JS section replace last line code "my message" to

"<iframe width=\"100%\" height=\"100%\" src=\"https://app.powerbi.com/view?r=eyJrIjoiNmJjNGY4YWMtODBmOS00YWNlLTg1MzgtMDE4YjYwODdmMjcwIiwidCI6ImYyZDQ5ZTFmLWE2MWQtNDBkMC1hYWY1LTI5Mzc0MGY1NTAxMyIsImMiOjZ9\" frameborder=\"0\" allowFullScreen=\"true\"></iframe>"

There in the 1st division report will be displayed in the Output window. This seems fine on desktop but on iPad, report overflows the div container.