I develped this app a while a go and its been running perfectly for ages. Occasionally i update it with some new features when requested but other than that its sits there working perfectly.
Suited for mobiles (PWA) but works on desktop browsers too.
Then iOS26 and the latest MacOS came out and its broke, and despite being a long standing web developer I (and AI it seems) cannot fathom out the issue.
This is the web app - gingernomad.co.uk/weather
It uses OpenLayers for some Mapping and some custom JS to generate canvas shapes (the donut chart shapes).
But i think its something to do with openlayers within in C3 that is causing the issue.
But if i load this on an older ipad/iphone, chrome on windows, edge on windows ETC all works fine. It is just iOS26 and the latatest MacOS Safari.
Problem is, most uses appear to have it installed as a PWA on iphone that have now updated.
Does anyone have any idea what might have happened and what is causing it? I do see an error in the web inspector for Safari that i dont get when it works else where which is: unable to get image data from canvas because the canvas has been tainted by cross-origin data - and is referring to ol.js (Open layers).
Its a good chance for someone to prove were still better than AI at debugging.