Browser support

Barba can be viewed as a progressive enhancement.

Compatibility

Main modern features used are:

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
2
3
4
<script
crossorigin="anonymous"
src="https://polyfill.io/v3/polyfill.min.js?features=default%2CArray.prototype.find%2CIntersectionObserver"
></script>

… or implement your own solution (es6-promise and Core.js or es6-shim, etc.).