panel_iframe doesn't scroll on iOS

[cgarwood]

I have a panel_iframe set up for my Grafana graphs. When you open the panel the page loads OK, but you can't scroll any of the content inside the panel.

Others have reported the same issue in the main repo: home-assistant/core#10772

Running on 0.60

[ciotlosm]

@cgarwood maybe related to #775

[Ernst79]

Having the same issue, only on iOS. I have an iframe with the interface of DSMR reader, which runs on the same Raspberry. The iframe wont scroll down on iOS devices. On my laptop (Windows), it works fine.

[matthieut59]

same issue here, iframe are not scrollable on iOS device :/

[ciotlosm]

@matthieut59 can you post a sample that I could use on a dev config to try and reproduce the issue?

[Ernst79]

I think you can just try it by adding an panel_iframe in home assistant, as described here:
https://home-assistant.io/components/panel_iframe/

After that, just open the page with the link in the left menu to the specific page on an iPad or iPhone. it wil open the page on the right side (inside home assistant).

[Ernst79]

This issue is still present in 0.64.3. Some websites say that in order to make an iframe scrollable on iOS, you have to add the CSS3 property -webkit-overflow-scrolling: touch to the parent container. But I’m not familiair with editing code.

[Ernst79]

@ciotlosm @cgarwood The issue has been solved in 0.65.1. It is scrolling perfectly now. Don’t know which PR has solved it, but it is working now. Can someone close this issue. I don’t see an option to close this issue.