Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Can't log in to HA using Firefox ESR #2828

Closed
tjorim opened this issue Feb 23, 2019 · 6 comments · Fixed by #2860
Closed

Can't log in to HA using Firefox ESR #2828

tjorim opened this issue Feb 23, 2019 · 6 comments · Fixed by #2860
Assignees

Comments

@tjorim
Copy link

tjorim commented Feb 23, 2019

Home Assistant release with the issue:

0.88.x

Last working Home Assistant release (if known):
0.87.x

Browser and Operating System:

Tor Browser (based on Firefox ESR) and Firefox ESR (60.5.x).

Description of problem:

Trying to log into HA, I get the following error.

Logging in with Home Assistant Local.
Error: Message format incorrect: required key not provided @ data['client_id']

First noticed this when trying to access my HA over Tor.
On a new HA install I tried accessing it locally with Firefox with the same result.
Was working fine before the 0.88 series (issue was present in beta).

Javascript errors shown in the web inspector (if applicable):

Error submitting step 
TypeError
​
columnNumber: 0
​
fileName: ""
​
lineNumber: 0
​
message: "NetworkError when attempting to fetch resource."
​
stack: ""
​
__proto__: Object { stack: "", … }
authorize-6d9831df.js:4078:2880
@tjorim tjorim changed the title Can't log in to HA Can't log in to HA using Firefox ESR Feb 23, 2019
@fernandex00
Copy link

Same issue here

@fernandex00
Copy link

Any news of this?

@awarecan
Copy link
Contributor

custom elements and shadow DOM on Firefox ESR 60 is not enabled by default

custom elements

From version 59 until version 65 (exclusive): this feature is behind the dom.webcomponents.customelements.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Until version 59 (exclusive): this feature is behind the dom.webcomponents.enabled preference (needs to be set to true) and the dom.webcomponents.customelements.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.

shadow DOM

From version 59 until version 65 (exclusive): this feature is behind the dom.webcomponents.shadowdom.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.

@awarecan
Copy link
Contributor

Add some additional information, even after change both options, FireFox ESR 60 is still not useable due the misalign of icons

image

@awarecan
Copy link
Contributor

So, the iron-icon and lots of other polymer component are using :host() that only be supported after FireFox 61 (with turn on the shadow component support).

@awarecan
Copy link
Contributor

After apply #2860, I can login with FireFox ESR 60 with default settings.

@ghost ghost removed the in progress label Feb 27, 2019
@github-actions github-actions bot locked and limited conversation to collaborators Jul 7, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants