Components not loading in Safari 10.1

[maxjustus]

Stencil version:

 @stencil/core@1.12.4

I'm submitting a:

[X] bug report
[ ] feature request
[ ] support request => Please do not submit support requests here, use one of these channels: https://stencil-worldwide.herokuapp.com/ or https://forum.ionicframework.com/

Current behavior:

When attempting to load a page with stencil components in Safari 10.1 on both Mac OS and iOS no custom elements on the page get upgraded/hydrated, and no js errors appear in the console.

Prior to upgrading to 1.12.14 we were running 1.5.3 and using server side code to only serve the ES modules JS file to Safari 10.1 as a workaround for 10.1's issue with loading and evaluating both the type="module" and nomodule files and we were able to get it working. Since the change that makes Safari 10.1 use the es5 bundle we removed that business logic but even with that change nothing is working.

Expected behavior:

Components should load in Safari 10.1

Steps to reproduce:

You can actually observe this issue on the ionic framework docs site by loading up one of the example pages in Safari 10.1 https://ionicframework.com/docs/demos/api/input/index.html
You will see a blank page, and if you open the console, you'll see no errors. Inspecting the DOM will reveal that none of the components on the page have a "hydrated" class and they're all empty.

[manucorporat]

This should be fixed in latest stencil, there is a settting in stencil.config.ts called extras enable the safari10 option by setting it to true.

[warapitiya]

I can confirm that this is still not working.

Browser:

Tested on Stencil: v1.2.0 and v1.7.1 both.

Issue Repo: https://github.com/warapitiya/stencil-safari10

1. Clone the issue repo.
2. Install NPM dependencies.
3. npm run build
4. npx serve
5. Navigate to http://localhost:5000/example on Safari 10

[FortinFred]

Same here, it's not working on iOS 10.3. Stencil v2!

This issue should be reopened!

[linuxonrails]

Same here! Last Stencil version with Safari 10.3.

It's important. Please, reopen!

[linuxonrails]

You can actually observe this issue on the ionic framework docs site by loading up one of the example pages in Safari 10.1 https://ionicframework.com/docs/demos/api/input/index.html You will see a blank page, and if you open the console, you'll see no errors. Inspecting the DOM will reveal that none of the components on the page have a "hydrated" class and they're all empty.

With Safari 11 in https://ionicframework.com/docs/demos/api/input/index.html I have javascripts errors:

SyntaxError: Unexpected identifier 'i'. Expected a ';' following a return statement. undefinedpromiseReactionJob @ (program):1

With Safari 10, nothing happens (no render, no errors) 😞

Please, @bluethunder626!

[linuxonrails]

@manucorporat Can you confirm that it's fixed?