Nothing displays for older browsers now Moderators: adafruit_support_bill, adafruit

[craigio]

Using my old laptop (Firefox 52ESR), the dashboards listing screen is fine and some very simple text dashboards are fine, but all other dashboards and feeds can't be viewed at all. The browser window is completely black. (Even the top where navigation buttons would usually be.) Therefore, it is impossible to even edit those dashboards and feeds.

Web console shows that the windows on which this occurs generate these errors:
ReferenceError: ResizeObserver is not defined - application-723514baeb94b70c1ed2.js:2:1081263
TypeError: this.chart is null - application-723514baeb94b70c1ed2.js:2:1081263

These pages have worked fine for years. It looks like you have introduced new code that breaks some browsers, without testing it.

[brubell]

Could you please attach screenshots of this so I can send it to our web team?

[craigio]

adafruit.jpg (5.21 KiB) Viewed 430 times

Could you please attach screenshots of this so I can send it to our web team?

Data initially starts to display and then gets wiped.

[brubell]

Thank you for the screenshot, an issue has been filed for our web team to take a look at. I'll update this thread as soon as I have more information.

- Brent R.

[craigio]

Feeds are even worse than dashboards. Every one of those is blanked out too.

[brubell]

Feeds are even worse than dashboards. Every one of those is blanked out too.

Could you attach a screenshot of what you see? Thanks

[craigio]

Could you attach a screenshot of what you see? Thanks

They look exactly like the dashboard screenshot.

(By "worse", I mean that 100% feeds are like that, whereas I have one dashboard that is still visible, so they are less than 100% broken.)

[craigio]

In the one dashboard display that works, the "ResizeObserver is not defined" and "TypeError: this.chart is null" errors don't appear.
It is a very simple text-only dashboard, so I guess it doesn't call that code and hence doesn't blank the window.

[brubell]

Ok, thanks for including the errors as well. I've updated the support ticket to include the feed page and the dashboard page issue. I (or someone on the web team) will update this thread when there's a patch.

- Brent R.

[mpfoster]

Hi,
I am experiencing the same problem with both my ipad and android pad running firefox and safari.
When I click on feeds or dashboard the screen goes black after i select a dashboard.

[jwcooper]

This issue should now be resolved. Thank you for the error report and provided details.

[craigio]

Looks fine now. (Somewhat different, with the new layout, of course.)

What was the site doing to blank the windows? I'm just wondering as I've seen similar behaviour on some other sites that may or may not be related.

[mpfoster]

Mended on my ipad both browsers. Thank you.

[jwcooper]

Looks fine now. (Somewhat different, with the new layout, of course.)

What was the site doing to blank the windows? I'm just wondering as I've seen similar behaviour on some other sites that may or may not be related.

We updated a charting library that had previously included a polyfill for the ResizeObserver. They dropped that polyfill in favor of reducing the library size on a certain build type we use. We now conditionally load that polyfill for the older browsers to continue working.

[ratzapper]

I still have only the blank page. I have attached a screen shot from Web Debugger in Safari. It seems like a resource is still missing - Safari version 12 on an iPhone 6+ running iOS 12.4.9