IE 11 Compatible Issue

17 Jul 2020

IE 11 does not support many modern JS/CSS API. It’s divided into 4 parts:

  1. JS syntax
    • ES6, ES7 … don’t support under IE 11
  2. Browser JS SDK API
    • toggle with force argument does not support under under IE 11
    • selectedOption does not support under under IE 11
    • append, remove does not support under under IE 11
    • assign does not support under IE 11
    • Some events don’t support under IE 11
    • Element default action does not trigger for stimulus.js
  3. CSS
    • z-index behaviour
  4. HTML
    • HTML abbr does not has dot underline under IE 11

How to fix them?

  1. JS syntax: use Babel
  2. Browser JS SDK API:
    • Use polyfill.io
    • Search with keyword polyfill when polyfill.io can’t fix it.
  3. CSS: I can’t find much easy solution. It depends on the problem you meet.
  4. HTML: same as above
Back to top