Browser Support

EF elements are built as web components and are natively supported in Chrome, Firefox, Chromium Edge and Safari (including iOS). For browsers without native support, a small polyfill can be applied with little performance overhead.

CSS styles of elements are prefixed to work across browsers. The elements are published with ES2015 syntax which is already supported in all modern browsers. You will need to transpile element code to ES5 only if you need to support IE11.

Chrome 61+	Safari 11+	Firefox 63+	Edge 79+	Electron	IE11*

IE Support

In order for EF elements to work on Internet Explorer 11 or browsers that do not support web components natively, a few polyfills are required. EF provides minimal set of polyfills.

Install polyfills that are curated by EF.

npm install @refinitiv-ui/polyfills

To use the minimal polyfills in your application, ensure that the polyfills are loaded before any EF elements.

import '@refinitiv-ui/polyfills/minimal';

When using EF elements without modern Javascript frameworks, polyfills for ES2015 features may not be automatically added by the framework. In that case, you will need more polyfills.

A more comprehensive set of polyfills can be added.

import '@refinitiv-ui/polyfills';

Transpilation

EF elements use features of ES2015 which modern browsers support natively, without having to transpile down to ES5.

However, in order for EF elements to work on Internet Explorer 11, they have to be transpiled using Babel. Modern frameworks commonly use Webpack, which provides a Babel loader for transpiling code.

See more detail about supporting IE11 in Angular, Vue, React or Vanilla if you don't use framework and need to create webpack configuration file with babel and polyfills.