Browser Support

This document explains what JS and CSS features we can use and provides a list of browsers we are currently support.

Graceful degradation

The philosophy of browser support is pretty simple: Graceful degradation. In brief: we support the latest evergreen major browsers without loading extra external polyfills.

Browserlist

According browser-matrix, we can support evergreen 🌲 browsers only.

For more details please see browserslist section from project’s package.json.

Tools

In order to support some old browser versions we use:

• Babel (link) for transpiling JS.
• autoprefixer (link) to add vendor prefixes for CSS properties.

Polyfills

Even evergreen browsers may have no support for some features. In such cases, we can load polyfills (usually conditionally).

How to update a list of supported browsers

Use browser versions from Browserlist

• Front end: as we use Browserlist, just run npm update
• BugSnag: Open https://app.bugsnag.com/settings/the-interaction-design-foundation/projects/ixdf-web and find "Discard errors from legacy browsers"