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.

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

Variable not accessible in IE11 #3410

Closed
mewejo opened this issue Aug 8, 2016 · 4 comments
Closed

Variable not accessible in IE11 #3410

mewejo opened this issue Aug 8, 2016 · 4 comments

Comments

@mewejo
Copy link

mewejo commented Aug 8, 2016

Hi,

I have a Vue app setup which is searching for domain names for purchase. Basic flow is:

  1. Setup the list of domains to search for
  2. Render a table of the domains, with loading status
  3. Adjust the status to success as and when the domain results come in.

My problem is that in the results, we have price sets for each registration period. I cycle through them with a for loop, and call it price_set - but price_set.term is not accessible in IE11, but it is in every other major browser. Even tried adding a v-if to the statement where it's used to no success.

JS fiddle setup, bit messy as I've had to rip it out of our app and get it running without the rest of the app but the issue still persists.

http://jsfiddle.net/5sH6A/583/

Click the search button and wait 4 seconds, one second per domain, and you'll see the results. This is different in production and works as expected. If you remove the v-if on the table, and debug VueApp.step_4_domain_results you'll see the table should show.. setting step_4_show_all_tlds will force a re-render.

I can't seem to get the error out of IE now, but the error I was getting was: "Unable to get property 'term' of undefined or null reference"

You'll see the drop downs in the price column are empty in IE11 but not in Firefox.

Firefox

7be2ac4d

IE11

037f11b9

Hope someone can help.

Thank you,

Josh

@yyx990803
Copy link
Member

I'm afraid the issue description and the fiddle is still very hard to understand. Please try to narrow down the reproduction and provide a clearer description of what exactly is expected.

@mewejo
Copy link
Author

mewejo commented Aug 11, 2016

Hi,

You see in the Period/Price selects, IE just shows Years - £ where as what should be shown is 2 Years - £10.00 for example. The variables are not available for use in IE11 like they are in Firefox and other browsers.

@mikekidder
Copy link

@mewejo the issue is not with Vue.js but IE11, I believe, attempting to remove tags between the select/option.. Polymer has/had similar issue... Polymer/polymer#1735

@mikekidder
Copy link

@mewejo http://jsfiddle.net/sfua0m4b/1/ -- sample working in IE11 with a minimal amount of refactoring

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants