Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Vue does not render on older versions of IOS #6948

Closed
TimeBandit opened this issue Oct 28, 2017 · 5 comments
Closed

Vue does not render on older versions of IOS #6948

TimeBandit opened this issue Oct 28, 2017 · 5 comments
Labels
need repro

Comments

@TimeBandit
Copy link

Version

2.5.2

Reproduction link

https://lucasleandro1204.github.io/vue-content-loading

Steps to reproduce

Our primary users wont be having the latest phones and I see that sample Vue apps simply don't render on IOS (7.1.2) Safari => IPHONE-4.

Reproduction:
The vue demo here does not render on IOS 7.1.2
https://lucasleandro1204.github.io/vue-content-loading

But the equivalent React component does:
https://danilowoz.github.io/react-content-loader/

I have seen the same with other Vue apps also.
Please advise.

What is expected?

To see the app rendered

What is actually happening?

Seeing a blank page
@TimeBandit
Copy link
Author

Please find attached a reproduction folder. Run a local server using something like python -m SimpleHTTPServer and view on your device.
dist.zip

@yyx990803
Copy link
Member

yyx990803 commented Oct 28, 2017 via email

@TimeBandit
Copy link
Author

TimeBandit commented Oct 28, 2017 •
edited
Loading

Hi Evan, Many thanks for responding. In response to your reply I added:

<script src="https://cdn.jsdelivr.net/npm/es6-promise@4/dist/es6-promise.js"></script>
<script src="https://cdn.jsdelivr.net/npm/es6-promise@4/dist/es6-promise.auto.js"></script>

just after the <body> tag and then just before the closing <body> tag. Neither had any effect.

The repo I am looking at is https://github.com/stefanpenner/es6-promise which actually seems to be a Vue dev dependency;

It seems that the template was not built with older browsers in mind. My users are not likely to have the latest phones so it's important to at least have some backward compatibility. Please advise.

Again many thanks for responding 👍

@posva
Copy link
Member

posva commented Oct 29, 2017

Can you reproduce the problem in a minimal jsfiddle or an html page (with no dependencies to other packages than vue, please)

@TimeBandit
Copy link
Author

Note to self: older browsers need babel-polyfill to add es6 features to the window.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
need repro
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@yyx990803 @posva @TimeBandit