Browser support
Barba can be viewed as a progressive enhancement.
Compatibility
Main modern features used are:
- Promise
- Set() and Map()
- Array.prototype.find
- IntersectionObserver (used by @barba/prefetch)
Cross-browser support is as follows:
- without polyfills: modern browsers (Chrome, Firefox, Edge, Safari, Opera)
- with polyfills for abovementioned: IE10+
Polyfill
You can use the polyfill.io service for easy polyfilling.
Just include this script tag, it will output the appropriate polyfills based on the user-agent:
1 | <script |
… or implement your own solution (es6-promise and Core.js or es6-shim, etc.).