Blocked autofocusing on a form control in a cross-origin subframe.

I don’t know if this helps you guys, but I wanted to give you guys some more information.

I access home assistant by https://ha.mydomain.inside:8123. I accessed VS Code by https://vscode.mydomain.inside When I have:

panel_iframe:
  vscode:
    title: VS Code
    url: "https://vscode.mydomain.inside"
    icon: si:visualstudiocode

This configuration exhibited the problem described above.

Here’s what I did yesterday:

1. Created an nginx virtual host entry for ha.mydomain.inside on port 443
2. Added the following for vscode under that virtual host entry:

  location /code-server/ {
    # "vscode:8080" is my nginx Docker instance connecting to my code-server Docker instance using Docker Compose
    proxy_pass http://vscode:8080/;
    # more nginx proxy options here
  }

1. Updated my Home Assistant configuration with:

panel_iframe:
  vscode:
    title: VS Code
    url: "https://ha.mydomain.inside/code-server/"
    icon: si:visualstudiocode

So, since both Home Assistant and code-server are not running with the same hostname (ha.mydomain.inside), the problem goes away.

i have perhaps the same issue : impossible to login