Altair: UI is completely broken in Firefox 66.0.2 for 2.1.5

[janflyborg]

The UI is totally garbled in the latest release for Firefox. Please see the attached screenshot.
This is on macOS 10.14.4.

[welcome[bot]]

👋🏾Thanks for opening your first issue here! Be sure to follow the issue template! ✌🏾

[imolorhe]

It looks like there are errors. Could you check the console for any errors?

Also set __ENABLE_DEBUG_MODE__ to true in your console and see show the logs here as well.

[janflyborg]

The browser more or less hangs when I open the console, but I could spot an endless number of lines with this:
ERROR TypeError: "n.gqlSchema is null

[imolorhe]

Okay. I'm guessing your previous version was 2.1.4?

[janflyborg]

I guess so. The add-ons are automatically updated by Firefox, so I'm usually not really aware of which version of each extension I'm using (as long as they are working), but I was using the previous version without any problems and then there was an update today (or yesterday) and the UI became garbled.

[imolorhe]

Any chance you got the file along with the line number and column no? The only new change between the two versions involving gqlSchema is https://github.com/imolorhe/altair/compare/v2.1.4...v2.1.5 but I haven't been able to reproduce the issue. The line no:column no would help me narrow it down better.

Note: You can easily fix it now by clearing your local storage (which would clear all your open windows) but as this is the only instance of this issue right now, I would rather you didn't 😅

[janflyborg]

I have already downloaded the standalone version of Altair, so let's first fix this issue and then I can delete the local storage... 😀

This is the complete error:
ERROR TypeError: "n.gqlSchema is null" main.81280f8f66c4fddd066b.js:1:1100610

[imolorhe]

This is another potential reason for the error: https://github.com/imolorhe/altair/blob/82e9db794c071722181e6387dbb51db826d054a6/src/app/components/doc-viewer/doc-viewer/doc-viewer.component.html#L44

[imolorhe]

Unfortunately even the line number didn't help to find the exact error. I would add extra checks in the code as a measure to potentially fix this.

[janflyborg]

So I guess I can clean my local storage now and we'll wait for it to happen again when you have the extra checks put into place?

[janflyborg]

FYI I just started my Ubuntu at work computer which now runs the latest version of Altair without any problems (also on the latest Firefox). The only difference (apart from my home machine being a Mac) is that I have not messed with the look and feel at this instance.

[imolorhe]

Yes you can. The issue is related to potentially corrupted data in the storage, so it wouldn't affect most instances neither would it affect new instances.

[janflyborg]

OK. Thanks for the help so far.

[tmtrademarked]

I'm seeing something similar in Chrome using the Chrome extension, FWIW. I'm using Altair 2.1.5 in Chrome 73.0.3683.86 on Mac, and I get the weird gibbrish I see below. I was able to use this a few days ago, so I wonder if somehow 2.1.5 created a bad state in certain circumstances? I'll hold off clearing local storage for right now in case this is useful to help debug.

[tmtrademarked]

With debug mode on, it tells me I was using 2.1.3 previously.

[imolorhe]

Is it possible that you have a specific schema from your graphQL server that makes Altair to break?

[tmtrademarked]

Certainly possible - but the same schema worked in the browser extension a few days ago, and also works in the stand alone desktop app, which makes me think that's unlikely. :-/

[imolorhe]

v2.1.6 has been published.