I have a problem with running HA in an iframe, that I can’t solve with Google, so I would like to try the power of local community
I have a perfectly working HA instance on my domain via nginx https reverse proxy - something like https://hass.example.cz. I also have my own simple web application, that I’m using as a simple catalog of my own home services - HA is one of them. And in this simple web application, I’m showing my home services in an iframe. Till the last week, HA was perfectly working in the iframe, but now, I get Uncaught DOMException: Blocked a frame with origin "https://hass.example.cz" from accessing a cross-origin frame. I was suspecting some HA update, but downgrade works the same, so my new main suspect is the new Chrome version with some stricter CORS policy. It don’t work in Firefox too with similar error message Uncaught DOMException: Permission denied to access property "addEventListener" on cross-origin object.... I tried to add CORS header to nginx proxy add_header Access-Control-Allow-Origin *; - but it didn’t help and now, I don’t know what to try next.
i thought i add a bit of what i did to this thread so someone in the future can take advantage. I manage at least 4 instances of Home Assistant and i wanted to have them all show in one page. I used iFrames for that, thanks to ChatGPT