panel_iframe not scrollable on iOS

[Phontana]

Home Assistant release (hass --version):
0.57.3 (Hass.io)

Component/platform:
panel_iframe

Description of problem:
Grafana dashboard isn’t scrollable inside panel_iframe (but every other page isn't scrollable either).

Expected:
Pages are scrollable.

Problem-relevant configuration.yaml entries and steps to reproduce:

panel_iframe:
  energy_monitor:
    title: 'Energy Monitor'
    url: 'http://192.168.1.10:3000/dashboard/db/energy-monitor'

1. Open Home Assistant on an iOS device
2. Navigate to the panel
3. The panel is not scrollable

Additional info:
This seems an iOS issue, described here for example: https://stackoverflow.com/questions/26046373/iframe-scrolling-ios-8.

[cederlof]

I have the same problem. I tried to wrap the iframe in a div and applied the styles from the stackoverflow-answers to it:

{ overflow: auto; -webkit-overflow-scrolling: touch; }

Scrolling works momentarily but then I get a really weird behaviour on iOS where the iframe content disappears. Needs more investigation.

[Ernst79]

Having the same issue, in 59.1

[Spiff1]

Same issue on 0.60

[cgarwood]

I reported this in the frontend repo: home-assistant/frontend#779
So this issue can be closed out of the main repo