Dark Sky/forecast.io iframe suddenly broke, white background

I’ve been using dark sky/forecast.io embed for a while now to show a nice weather forecast on my dashboard.

<style type="text/css">
p.markdown-html.panel-text-content {
overflow: hidden;
p.markdown-html.panel-text-content iframe {
<script type="text/javascript">
var weatherProperties = 'lat=NN.NNNNN&lon=NN.NNNNN&color=#FFFFFF&text-color=#FFFFFF&units=si&name=Home';

// initial load
document.getElementById('embedweather').src = 'http://forecast.io/embed/?ts=' + (Date.now()) + '#' + weatherProperties;

// refresh
var weatherRefresh = setInterval(function() {document.getElementById('embedweather').src = 'http://forecast.io/embed/?ts=' + (Date.now()) + '#' + weatherProperties;}, 300000);

<br />
<br />
<iframe id="embedweather" height="100%" src="#" style="margin: 0; padding: 0; border: none; width:100%; position:relative; top:-50px; overflow:hidden; margin-bottom: -70px;"></iframe>

However recently, after an apt-get upgrade, so might be related to a grafana update, it has become unreadable since the text color is white, and now also the background color is white. It used to have no/transparent background color and use the background color of the dashboard.

Any clues to why this is suddenly happening and how to solve this issue?

1 Like

I’m having the same problem with a HTML panel that uses an iframe. Are you using Firefox, too?