IE11 Support: Why it was dropped

Initially, Hyvä supported IE11, utilizing the compatibility version of Alpine.js and polyfills for promises and <template>tags.

However, we encountered several significant issues:

1. Backticks (template literals) are not supported in IE11 and cannot be polyfilled.

2. IE11 lacks support for arrow functions and concise method syntax in objects. For example, { someVariable: 'value', doThing() { //doThing } must be written as { someVariable: 'value', doThing: function doThing() { //doThing }.

3. Certain scripts conflict with <template> polyfills. Elements not directly within a <tr> or <select> are stripped before Alpine.js can process them. This made dynamic filling of structures like <tr><td/></tr> or <select><option/></select> impossible without complex, "nasty" workarounds, which were removed when IE support was dropped.

4. Frequent IE/Alpine.js bugs hindered development, leading to less maintainable code.
5. Tailwind CSS v2 does not support IE11.
6. Industry-wide deprecation: Microsoft (November 2021) and Magento itself (since 2.4.x) have dropped IE11 support.
7. Major platforms (Facebook, Twitter, LinkedIn, YouTube) no longer support IE11, further reducing its market share.
8. For additional arguments, see death-to-ie11.com.

In summary, while IE11 compatibility is technically achievable, it requires significant effort and custom implementation.