Adding IE11 Support Guidelines to Docs

Steps to reproduce

Test raised button component in IE11 with long text content.

Versions

Vue: 2.2.6 Vuetify: 0.11.1 OS: Windows 10 Browser: IE11

What is expected ?

The buttons must fit the content.

What is actually happening ?

The button has a fixed size which might be defined by the min-width.

Solution

As far as my debugging skills reach i was able to discover that a flex-basis: auto; on the ‘btn__content’ class fixes the issue in my environment.

[throrin19]

With correct settings, vuetify is correctly functionnal with IE10+ :

• Add this polyfills :
  • element-dataset
  • babel-polyfill
• Add this babel presets :
  • es2015
• Add this babel plugins :
  • array-includes

In my case, I use the “A la demande” config with POI.js. I add this settings in the poi.config.js in the extendWebpack :

config.module.rule('vuetify')
    .test(/vuetify.es5.*?js$/)
    .use('babel-loader')
    .loader('babel-loader');

Now it works fine on IE11. But in IE10 I have only one bug : modals and dropdown menu works fine only first time

[amesas]

IE11 is the most used IE version and unfortunately it will be like this for a long time.

From what I have seen IE11 should be an easy catch, it “mostly works” in all frameworks, even in Vuetify.

If suggesting https://polyfill.io/v2/docs/, and some minor CSS fixes / additions makes Vuetify work without any probs I would vote going for it.

All our enterprise customers are using IE11 right now.

PS: https://www.netmarketshare.com/ reports 13,62% market share for IE11 right now.