UI errors on Firefox Quantum

fakezeta · February 20, 2018, 10:43am

Hi,

I’m using firefox 58.0.2 and each time I try to close an open panel clicking outside it home-assistant logs this:
2018-02-20 10:34:09 ERROR (MainThread) [frontend.js.latest.201802090] data:text/javascript;charset=utf-8,!function()%7B%22use%20strict%22%3Bconst%20e%3DElement.prototype%2Ct%3De.matches%7C%7Ce.matchesSelector%7C%7Ce.mozMatchesSelector%7C%7Ce.msMatchesSelector%7C%7Ce.oMatchesSelector%7C%7Ce.webkitMatchesSelector%2Co%3Dfunction(e%2Co)%7Breturn%20t.call(e%2Co)%7D%3Bclass%20r%7Bconstructor(e)%7Bthis.node%3De%7DobserveNodes(e)%7Breturn%20new%20Polymer.FlattenedNodesObserver(this.node%2Ce)%7DunobserveNodes(e)%7Be.disconnect()%7DnotifyObserver()%7B%7DdeepContains(e)%7Bif(this.node.contains(e))return!0%3Blet%20t%3De%2Co%3De.ownerDocument%3Bfor(%3Bt%26%26t!%3D%3Do%26%26t!%3D%3Dthis.node%3B)t%3Dt.parentNode%7C%7Ct.host%3Breturn%20t%3D%3D%3Dthis.node%7DgetOwnerRoot()%7Breturn%20this.node.getRootNode()%7DgetDistributedNodes()%7Breturn%22slot%22%3D%3D%3Dthis.node.localName%3Fthis.node.assignedNodes(%7Bflatten%3A!0%7D)%3A%5B%5D%7DgetDestinationInsertionPoints()%7Blet%20e%3D%5B%5D%2Ct%3Dthis.node.assignedSlot%3Bfor(%3Bt%3B)e.push(t)%2Ct%3Dt.assignedSlot%3Breturn%20e%7DimportNode(e%2Ct)%7Breturn(this.node%20instanceof%20Document%3Fthis.node%3Athis.node.ownerDocument).importNode(e%2Ct)%7DgetEffectiveChildNodes()%7Breturn%20Polymer.FlattenedNodesObserver.getFlattenedNodes(this.node)%7DqueryDistributedElements(e)%7Blet%20t%3Dthis.getEffectiveChildNodes()%2Cr%3D%5B%5D%3Bfor(let%20n%2Ci%3D0%2Cl%3Dt.length%3Bi%3Cl%26%26(n%3Dt%5Bi%5D)%3Bi%2B%2B)n.nodeType%3D%3D%3DNode.ELEMENT_NODE%26%26o(n%2Ce)%26%26r.push(n)%3Breturn%20r%7Dget%20activeElement()%7Blet%20e%3Dthis.node%3Breturn%20void%200!%3D%3De._activeElement%3Fe._activeElement%3Ae.activeElement%7D%7D!function(e%2Ct)%7Bfor(let%20o%3D0%3Bo%3Ct.length%3Bo%2B%2B)%7Blet%20r%3Dt%5Bo%5D%3Be%5Br%5D%3Dfunction()%7Breturn%20this.node%5Br%5D.apply(this.node%2Carguments)%7D%7D%7D(r.prototype%2C%5B%22cloneNode%22%2C%22appendChild%22%2C%22insertBefore%22%2C%22removeChild%22%2C%22replaceChild%22%2C%22setAttribute%22%2C%22removeAttribute%22%2C%22querySelector%22%2C%22querySelectorAll%22%5D)%2Cfunction(e%2Ct)%7Bfor(let%20o%3D0%3Bo%3Ct.length%3Bo%2B%2B)%7Blet%20r%3Dt%5Bo%5D%3BObject.defineProperty(e%2Cr%2C%7Bget%3Afunction()%7Breturn%20this.node%5Br%5D%7D%2Cconfigurable%3A!0%7D)%7D%7D(r.prototype%2C%5B%22parentNode%22%2C%22firstChild%22%2C%22lastChild%22%2C%22nextSibling%22%2C%22previousSibling%22%2C%22firstElementChild%22%2C%22lastElementChild%22%2C%22nextElementSibling%22%2C%22previousElementSibling%22%2C%22childNodes%22%2C%22children%22%2C%22classList%22%5D)%2Cfunction(e%2Ct)%7Bfor(let%20o%3D0%3Bo%3Ct.length%3Bo%2B%2B)%7Blet%20r%3Dt%5Bo%5D%3BObject.defineProperty(e%2Cr%2C%7Bget%3Afunction()%7Breturn%20this.node%5Br%5D%7D%2Cset%3Afunction(e)%7Bthis.node%5Br%5D%3De%7D%2Cconfigurable%3A!0%7D)%7D%7D(r.prototype%2C%5B%22textContent%22%2C%22innerHTML%22%5D)%3Bclass%20n%7Bconstructor(e)%7Bthis.event%3De%7Dget%20rootTarget()%7Breturn%20this.event.composedPath()%5B0%5D%7Dget%20localTarget()%7Breturn%20this.event.target%7Dget%20path()%7Breturn%20this.event.composedPath()%7D%7DPolymer.DomApi%3Dr%2CPolymer.DomApi.prototype.cloneNode%2CPolymer.DomApi.prototype.appendChild%2CPolymer.DomApi.prototype.insertBefore%2CPolymer.DomApi.prototype.removeChild%2CPolymer.DomApi.prototype.replaceChild%2CPolymer.DomApi.prototype.setAttribute%2CPolymer.DomApi.prototype.removeAttribute%2CPolymer.DomApi.prototype.querySelector%2CPolymer.DomApi.prototype.querySelectorAll%2CPolymer.dom%3Dfunction(e)%7Bif(!(e%3De%7C%7Cdocument).__domApi)%7Blet%20t%3Bt%3De%20instanceof%20Event%3Fnew%20n(e)%3Anew%20r(e)%2Ce.__domApi%3Dt%7Dreturn%20e.__domApi%7D%2CPolymer.dom.matchesSelector%3Do%2CPolymer.dom.flush%3DPolymer.flush%2CPolymer.dom.addDebouncer%3DPolymer.enqueueDebouncer%7D()%3B%0A%2F%2F%23%20sourceURL%3Dhttps%3A%2F%2FOMISSIS%3A8123%2Ffrontend_latest%2Ffrontend-ebcb41952b21503c6a09065b084a638d.html-29.js%0A:0:0 Script error.

No error on Chrome or Safari, same wrong behaviour on Firefox on Windows and Mac Os. I’m able to close the panel with esc.

Does anybody have the same behaviour? I couldn’t find any similar post in the community.

tom_l · February 20, 2018, 2:03pm

Add

frontend:
  javascript_version: auto

To your configuration.yaml.

fakezeta · February 20, 2018, 6:25pm

Thank you. I did it, no luck: same error in the logs.

Obviously I cleaned the firefox cache e forced refresh.

tom_l · February 20, 2018, 9:28pm

Firefox seems to be a lot less tollerant of script errors. It simply refuses to render the page where as Chrome and iOS will still attempt to. They all still write to the error log though.
If you have a look at your error log in Chrome (after loading the page and clicking outside the panel in Chrome) you might find there is still an errror generated and it may be a bit easier to read. At last that was the case with a script error I had yesterday.

fakezeta · February 21, 2018, 12:03pm

Hi tom_I,

i tried back with Chrome and no errors are logged.

tom_l · February 21, 2018, 12:18pm

Ah well, that’s about the extent of the help I can offer unfortunately. I’ve only been at this for a few days. Good luck.

fakezeta · February 22, 2018, 10:32am

Thank you anyway, I’ll wait for some other feedback hoping it’s only my issue.

fakezeta · March 1, 2018, 1:50pm

Looking for some opened issue before filing mine I found issue #12122

Let’s hope it will be fixed even if no one is still assigned to it.