Iframe / Webpage-Card issue

[YvesZH]

Model Name: IPhone 13pro Software Version: ios15 App version: 2022.3

Home Assistant Core Version 2022.3.5

When I use the official lovelace card iframe/webpage in the companion app for ios, only the following content is visible (and do nothing else than show the loading screen):

The following is configured in lovelace:

  - type: iframe
    url: /media-browser/media_player.buro/xxx
    aspect_ratio: 110%

With the same configuration it works in the desktop browser and in all ios browsers (safari & co) :

I tried it with different url (internal/external). Unfortunately the same effect. The same error is also shown with this lovelace configuration (only always in the ios companion app):

  - type: custom:button-card
    show_name: false
    icon: mdi:play-box-multiple-outline
    tap_action:
      haptic: heavy
      action: fire-dom-event
      browser_mod:
        command: popup
        title: Media Browser
        hide_header: false
        large: false
        card:
          type: iframe
          url: /media-browser/media_player.buro/xxx
          aspect_ratio: 100%

'Crossside tracking' in the ios systemsetting for the companion app is enabled.

[apfelstrudelmitsahne]

This seems not only iOS related. I have the same problem with the companion app for Android where I try to show the media page in an iFrame

[radeon79]

same issue for me! iframe card with broser_mod is working with browser only and not with ipad or iphone app. Please fix.

[realestatebroker-john]

Add me to the list. IOS companion app worked perfect when I was using home assistant supervisor installed on Debian 11. All addons functioned as expected (zwavejs2mqtt, file editor, hacs etc) Once I migrated to homeassistant container iOS companion app only shows portainer iframe. Esphome, zigbeemqtt only show white in the iframe area. When I pull down to refresh I see homeassistant square box trying to load but nothing. I don’t understand why portainer iframe works as expected and others do not on companion app.

like others, this all works correctly on Firefox browser from phone or desktop. Issue is only ios companion app and not all iframes…odd.

[Rjaap]

Same here. Works fine in Firefox on Android, just not in the mobile android app. Just a guess: in a browser I need to fill in my login details when the iframe loads, the mobile app never stops loading and never gets to the login dialog. So maybe it could have something to do with that.

[spammads]

+1 Same here.

[danielsmith89]

Having a similar issue, I have an iframe tab setup for my Traccar setup. That doesn't work, but my iframe tabs for AdGuard and Waze still work fine! Odd!

I should add it works fine when using a browser on my Mac, it's only iOS that seems to have this problem.

[YvesZH]

I should add it works fine when using a browser on my Mac, it's only iOS that seems to have this problem.

@danielsmith89 Do you referenced IOS to the 'Companion IOS APP' or 'everywhere on IOS' (APP & Browser)?

[danielsmith89]

It works fine in Safari on iOS, just doesn't work on Companion App

[arexam]

Same here with android companion app...

[jksalvo]

Same problem on Android app

[Clooos]

Same here on Android companion app.

[TinyShark]

Same issue here! iframe will load media browser as expected when using normal browser (Safari/Chrome) but when using the companion app it remains "loading data" indefinitely.

[Veuchez]

Same problem on Android app

[Kaptensanders]

Same problem on Android app

[FancyNerd92]

Same problem even with SSL (https) urls. On PC works, on Safari iOS works some links on app nothing! Plz fix it.

[hoanglongutc]

+1 Same here.

[Blueion76]

+1 Having this issue on my iPhone

[MindfulWolfPack]

Same issue on both iOS, iPadOS, and macOS when using the official Home Assistant App Store application. My embedded page does not require login, it is a simple HTTP (and my HA is also HTTP) web page on the same local network. The iframe loads ok when using a regular browser, but not the App Store provided Home Assistant app.

[jnbht]

Same

[DustyArmstrong]

I find this happens as well, but only sometimes. List below if that assists, I guess it's just a display thing.

[✓] Windows - Firefox (or other browser) [✓] Windows - 3rd party Electron applet [✓] MacOS - Firefox (or other browser) [X] MacOS - 3rd party Electron applet [X] Android companion app [X] iOS companion app

Update: I wondered and did some digging, in my case (at least for some) this ended up being certificate related. I was using a .local for my iFrame with a self-signed certificate, but moving to a real domain with an externally signed certificate the iFrame now works on everything except the Companion app (Android).

[jenseo]

For me it works in the browser and the Mac app, but not in the iOS app

[iMrLopez]

Having this same issue with both mobile companion apps (ios & android)

[YvesZH]

New Hope: Release 2024.4 Webpage Dashboard https://rc.home-assistant.io/blog/2024/03/27/release-20244/#webpage-dashboard

[lovelylain]

The authentic method is different between mobile companion apps and browsers, browsers use websocket while companion apps use external app auth, maybe this difference cause the problem.

[TinyShark]

Updated to 2024.4 with the new refreshed Webpage Card and this is still an issue.

[lovelylain]

Updated to 2024.4 with the new refreshed Webpage Card and this is still an issue.

@YvesZH @TinyShark The 2024.4 Webpage Dashboard just reimplements the panel_iframe using webpage card.

[kksligh]

+1