Iframe / Webpage-Card issue

YvesZH commented 2 years ago

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): 5807DCD7-7242-4F3D-8445-884D6ACA4EF9

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) : B79328AB-243A-4A67-AD84-E0F60B3D494A

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 commented 2 years ago

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 commented 2 years ago

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 commented 2 years ago

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 commented 2 years ago

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 commented 2 years ago

+1 Same here.

danielsmith89 commented 2 years ago

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 commented 2 years ago

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 commented 2 years ago

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

arexam commented 2 years ago

Same here with android companion app...

jksalvo commented 2 years ago

Same problem on Android app

Clooos commented 1 year ago

Same here on Android companion app.

TinyShark commented 1 year ago

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 commented 1 year ago

Same problem on Android app

Kaptensanders commented 1 year ago

Same problem on Android app

FancyNerd92 commented 1 year ago

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

hoanglongutc commented 1 year ago

+1 Same here.

Blueion76 commented 11 months ago

+1 Having this issue on my iPhone

MindfulWolfPack commented 10 months ago

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 commented 10 months ago

Same

DustyArmstrong commented 9 months ago

Update: I wondered and did some digging, 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.

jenseo commented 8 months ago

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

iMrLopez commented 7 months ago

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

YvesZH commented 7 months ago

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

lovelylain commented 7 months ago

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 commented 7 months ago

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

lovelylain commented 7 months ago