I’m running into a strange issue and would appreciate your help asap. This is my project and i am about to present it in pitching
- I built a simple HTML page to visualize macro intake (calories, protein, fat, carbs).
- It uses Chart.js for a doughnut chart + horizontal progress bars.
- The page is hosted on Netlify:
https://macros-visual.netlify.app - I pass parameters via URL like:
?kcal=800&kcalMax=1800&protein=50&proteinMax=100... - In Thunkable’s desktop preview, the Web Viewer displays the page perfectly.
BUT
- When testing on Thunkable Live on iPhone, the same Web Viewer is blank (just a white screen).
- Other Web Viewers work just fine on the same screen.
- The exact same URL opens correctly in Safari on the same iPhone.
What I’ve already tried:
- Hosting is HTTPS-secured (Netlify).
- Tried both CDN and local version of Chart.js.
- Page has no iframe, alerts, or unsafe scripts.
- No console errors on desktop browser.
- Tried on Android as well — same issue inside Thunkable Live.
Why would a Web Viewer load correctly in desktop preview but show blank in Thunkable Live on mobile?