Comments (10)
I understand your situation. I've been looking into this a lot today and will continue to do so over the next hours since this causes a lot of issues right now. For now, you can try leaving out es
, yes. I will report back as soon as this has been resolved.
from polyfiller.
Hey there. I'm wondering if this could be related your index.html file being cached by the device that visited your site? And thereby also pointing to a cached version of the polyfill bundle, before you added the force
option to resize-observer
. iOS Safari can sometimes be extremely tricky to cache-bust, particularly when filenames remain the same across deployments such as index.html
usually does.
The force
option always include the feature. Opening this link: https://polyfill.app/api/polyfill?features=resize-observer|force will include the resize-observer
polyfill in any browser.
from polyfiller.
@wessberg nope, after your suggestion I looked this same user + session up in full story where I verified the network log:
I can guarantee that it was loading this url:
https://polyfill.app/api/polyfill?features=es,fetch,pointer-event,scroll-behavior,resize-observer|force
from polyfiller.
I've investigated the issue from an iOS 13.3 device (accessing your platform, app.usebubbles.com), and the issue seems to be that the execution of the polyfill bundle fails at an earlier point:
This means that it never gets beyond polyfilling missing EcmaScript language features (so neither ResizeObserver, PointerEvents, scroll-behavior, etc gets polyfilled).
You can safely remove the force
option, because this issue is rather an issue with how the core-js modules are bundled together which I'll look into. It seems to be directly related to this issue, which also happens to be happening when evaluating core-js internals on Safari.
I'll give you an update when I've fixed it. And thanks for reporting it!
from polyfiller.
@wessberg thank you; it's a little concerning that that related issue is live since jan 10th. If I want to quickly work around this, do you think temporarily removing es
from the polyfills would avoid the core-js module bundling issue?
from polyfiller.
I've fixed the issue remotely on the host. It was, as is often the case, related to a stale internal node_modules cache. Everything is fine now.
from polyfiller.
There seems to be an issue with your comment. Is it missing an attachment or something like that? While I'm waiting for your follow-up, I can add that I did test the new deployment from iOS Safari 13.3, visiting your application and had no errors in the console (and ResizeObserver was defined).
from polyfiller.
@wessberg Are you sure? 2 mins before your closing message I got this
user agent:
Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; rv:11.0) like Gecko
from polyfiller.
Yeah, I had to restart the process which meant that there were some downtime which led to polyfills not being served in that timeframe.
I just browsed your app from IE 11 on Windows 10 and it correctly polyfilled fetch:
I did run into an error, though, unrelated to this, which might pop-up in your error tracker.
from polyfiller.
Ok, I'll mark it as resolved.
For something like polyfill.app you'd probably want it to be highly available using AWS lambda etc
from polyfiller.
Related Issues (20)
- Production Regression --- Uncaught Error: Cannot find module '../internals/webkit-string-pad-bug' HOT 3
- Chrome 86 error HOT 1
- GET https://polyfill.app/api/polyfill?features=fetch,pointer-event,scroll-behavior,es net::ERR_ABORTED 500 HOT 8
- Downtime (again) HOT 3
- "Could not determine locale: No default locale has been configured" from ListFormat polyfill in Safari HOT 2
- scroll-behavior not working on IOS' Safari
- /api/polyfill doesn't work with Chrome Canary HOT 1
- [Error] Service crashed HOT 5
- Use queue to drive bundle generation to deal with traffic spikes
- Set Vary: Accept-Encoding header on responses to make them CDN-friendly
- When loading in ready polyfill bundles from the disk cache, make sure to respect the maximum heap size
- Make sure to respect maximum available disk- and memory capacity and dispose of cached bundles either from the memory and/or disk cache when these resource limits are met HOT 2
- Invalid certificate error shown on Safari iOS 9 and under devices
- Error in Web Service API Reference HOT 2
- Error in Web Service API Reference HOT 2
- Getting 500 status error HOT 4
- Couple of missing polys
- Certificate expired for polyfill.app HOT 2
- Do you want the domain pollyfiller.io ?
- Service is down HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from polyfiller.