Blank on iphone/Safari

[GenericUK]

EXAMPLE CHAT APP BLANK ON IPHONE

I've installed the latest versions of everything today. I started a ngrok session and works fine on desktop and Android but its blank on iphone. The page loads and body css works but the chat app js is not loading.

[deontologician]

Is it possible to run it in an emulator and see what the console output is?

[GenericUK]

I'm on Ubuntu, is there one you can suggest?

[deontologician]

I was thinking maybe xcode or something might do it. It's hard to debug when there isn't a message :/

[GenericUK]

It looks like I can't get Xcode without OSX. If I start another ngrok session could it then be tested from yours or another remote emulator?

[GenericUK]

Slava says at the end of his talk that it doesn't work on iPhone. https://youtu.be/Sb1lH5mvYmU

[deontologician]

I don't have an emulator myself (linux guy) but it looks like there's a thing called jconsole that can make console output visible: https://blog.idrsolutions.com/2015/02/remote-debugging-ios-safari-on-os-x-windows-and-linux/

[GenericUK]

remote console.log link "Download the React DevTools for a better development experience: https://fb.me/react-devtools" "You are using the in-browser JSX transformer. Be sure to precompile your JSX for production - http://facebook.github.io/react/docs/tooling-integration.html#jsx"

[GenericUK]

Thanks for the info, but jconsole doesn't show anything more than Chome dev tools

[deontologician]

:disappointed:

[guilhermedecampo]

@GenericUK which chat app are you trying to run?

[deontologician]

We probably need to check if this is still the case

[ghost]

I can confirm the same issue (Docker rethinkdb/horizon:v2.0.0 connecting to rethinkdb:2.3 and also using "latest").

In Safari (I'm on a 10.11.6) when trying the default chat from http://horizon.io/docs/getting-started/ you get a blank page, when trying the Vue chat from https://github.com/rethinkdb/horizon/tree/next/examples/vue-chat-app the HTML text is not rendered and the input box does not respond to the "enter key".

Safari's "developer console", game me a hint: "SyntaxError: Can't create duplicate variable that shadows a global property: 'app'"

If I change the variable name in this line (app.js):

"const app = new Vue({"

to something else (e.g. "const app2"), the problem goes away, I'm new to Horizon (literally 15 min.), not sure where the overlapping is coming on the other side, perhaps because the default project name is also "app"?

Very interesting project, thanks to all who have contributed.

[KylinWu]

@isaacuribe Awesome! It works for me.