Store

For Enterprise

Vuetify is a progressive framework that attempts to push web development to the next level. In order to best accomplish this task, some sacrifices had to be made in terms of support for older versions of Internet Explorer. This is not an exhaustive list of compatible browsers, but the main targeted ones.

Chromium (Chrome, Edge Insider)
Supported
Firefox
Supported
Edge
Supported
Safari 10+
Supported
IE11 / Safari 9
Supported with polyfill
IE9 / IE10
Not supported

Vuetify utilizes features of ES2015/2017 that require the need to use polyfills for Internet Explorer 11 and Safari 9/10. If you are using Vue CLI 3, this is done automatically for you. Otherwise, in your project directory, you can install babel-polyfill:

It is important to include the plugin as early as possible within your main index.js file. If using a Vuetify SSR package, this will apply to the client-entry.js file

It is recommended that you use babel-preset-env with the corresponding polyfill to ensure only the necessary polyfills are added to your application. For more information on babel-preset-env, visit the documentation

Once installed, add the preset to your .babelrc or babel.config.js

Due to Internet Explorer's limited support for <template> tags, you must send fully compiled dom elements to the browser. This can be done by either building your Vue code in advance or by creating helper components to replace the dom elements. For instance, if sent directly to IE, this will fail:

Caught a mistake or want to contribute to the documentation? Edit this page on GitHub!