Homeassistant not showing inside iFrame

Configuration
1

I have a Pi that is running an nginx server that shows two web pages in iframes: one is Dakboard (calendar, weather, etc) and the other is a custom lovelace “kiosk” type small banner showing HA info (see Show dashboard on Dakboard - #6 by braham).

Since the last HA update however, that page is not showing HA info anymore. The page is stuck on the HA logo and doesn’t do anything anymore.

When I run the same page directly in the Chromium browser (http://homeassistant.local:8123/lovelace/board?kiosk=) and not in an iFrame, it works just fine.

Any ideas where to start troubleshooting ?

2

Browser console (networking tab and console tab) and frame embed headers.

3

I think it was somewhere at the end of the thread for the 2024.2 release that I read that adding a certain attribute about home assistant to the iframe solves this. Maybe you should search, I know I read it somewhere but I forgot the details.

4

developer tool > console indeed shows an error

get_main_window.ts:6 Uncaught (in promise) DOMException: Failed to read a named property 'name' from 'Window': Blocked a frame with origin "http://192.168.0.17:8123" from accessing a cross-origin frame.
    at http://192.168.0.17:8123/frontend_latest/core.h8x6ko8vS_A.js:1:14064
    at http://192.168.0.17:8123/frontend_latest/core.h8x6ko8vS_A.js:1:19338
(anonymous) @ get_main_window.ts:6
(anonymous) @ core.h8x6ko8vS_A.js:1
get_main_window.ts:6 Uncaught (in promise) DOMException: Failed to read a named property 'name' from 'Window': Blocked a frame with origin "http://192.168.0.17:8123" from accessing a cross-origin frame.
    at 63168 (http://192.168.0.17:8123/frontend_latest/app.Icb7AiDppIM.js:2:44878)
    at c (http://192.168.0.17:8123/frontend_latest/app.Icb7AiDppIM.js:2:147786)
    at 26648 (http://192.168.0.17:8123/frontend_latest/app.Icb7AiDppIM.js:2:99011)
    at c (http://192.168.0.17:8123/frontend_latest/app.Icb7AiDppIM.js:2:147786)
    at 20264 (http://192.168.0.17:8123/frontend_latest/app.Icb7AiDppIM.js:2:46094)
    at c (http://192.168.0.17:8123/frontend_latest/app.Icb7AiDppIM.js:2:147786)
    at http://192.168.0.17:8123/frontend_latest/app.Icb7AiDppIM.js:2:164154
    at http://192.168.0.17:8123/frontend_latest/app.Icb7AiDppIM.js:2:255435
63168 @ get_main_window.ts:6
c @ bootstrap:19
26648 @ translations-metadata.ts:4
c @ bootstrap:19
20264 @ compute_state_name.ts:13
c @ bootstrap:19
(anonymous) @ import chunk loading:53
(anonymous) @ app.ts:10
favicon.ico:1

‘’’

5

I found the mention where I said it would be:

The error you show suggest it is indeed looking for the name.
This workaround is also mentioned in the bug report, along with some other situations and ways to fix those:

6

thanks so much, that fixes it !

7

I just pointed you in the right direction, the ones in the github topic deserve the credits.