What are supported browsers?
We at Hyvä strive to support as many browsers versions as we can, but our supported versions depend on the tools we use to build Hyvä: TailwindCSS and AlpineJS.
For native TailwindCSS, supported browsers are relatively new, with the introduction of CSS Properties such as inset. To be able to support older browsers we added browserlist and postcss-preset-env to keep supporting older browsers.
As for AlpineJS, the oldest browsers we support are based on the Javascript features used in AlpineJS.
Supported Browsers
At the time of writing, Hyvä supports the following browsers.
| Browser | Desktop | Android | iOS 1 |
|---|---|---|---|
| Chrome | 103 | 103 | |
| Edge | 103 | 103 | |
| Safari | 14.1 | 14.5 | |
| Firefox | 102 | 102 | |
| Opera | 103 | 103 | |
| Android Browser/WebView | 103 | ||
| Samsung Internet | 17 (Chromium 96) |
How are supported browsers determined?
The versions in the table reflect the browsers released in June 2022, except for Safari, which is based on the combination of Javascript and CSS features used in Hyvä.
Older version can be used as long queueMicrotask is supported. You can extend this by following the docs in the section Extending Browser Support.
We do not recommend doing so, since older browsers are insecure and are updated for a reason.
Unsupported Browsers
- Internet Explorer (IE): Officially retired by Microsoft on June 15, 2022. Magento also dropped support for IE years ago with 2.4.0. Continuing to support comes with a significant cost, which is why we decided against it a long time ago.
- Opera Mini: is primarily used on feature phones and is based on Opera 12.1 via Opera server. It is used mostly as a dedicated client for specific websites.
Extending Browser Support
We have a dedicated page on supporting older iOS Safari versions, which is also useful for extending the support for older versions of other browsers.
With Hyvä 1.3.6 we have added postcss-preset-env, you can use this postcss plugin to keep using modern CSS and convert this to older CSS, to configure the supported browsers see the docs on browserlist.
But do note things like flex gap need manual adjustment as explained in the supporting older iOS Safari versions