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

Stencil styles break in IE11 with webcomponentsjs polyfills #2117

Closed
markcellus opened this issue Jan 8, 2020 · 4 comments
Closed

Stencil styles break in IE11 with webcomponentsjs polyfills #2117

markcellus opened this issue Jan 8, 2020 · 4 comments
Labels

Comments

@markcellus
Copy link

markcellus commented Jan 8, 2020

Stencil version:

 @stencil/core@1.8.3

I'm submitting a:

[x] bug report
[ ] feature request
[ ] support request

Current behavior:
Stencil styles are broken in IE11 when using the webcomponentsjs polyfills (I'm in a situation where I cannot remove the webcomponentsjs polyfills). This is how it looks in IE11

VirtualBox_IE11 - Win7_07_01_2020_21_50_11

NOTE: When the webcomponentsjs polyfill is removed, the Stencil component works fine.

Expected behavior:
Stencil styles are applied correctly (like in Chrome)

Screen Shot 2020-01-07 at 9 59 59 PM

Steps to reproduce:
I have created a test stencil repository that can be used to reproduce: https://github.com/mkay581/stencil-tests.

@adamdbradley
Copy link
Contributor

Thanks for creating the issue and a repo case! Should be fixed now, thanks

@markcellus
Copy link
Author

Wow that was fast! Thanks. Is there any idea when this will be included in any upcoming version?

@adamdbradley
Copy link
Contributor

adamdbradley commented Jan 8, 2020

Just shipped 1.8.5-0 for testing. Please let me know how it goes, thanks

@markcellus
Copy link
Author

This works! Thanks so much!

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

No branches or pull requests

2 participants