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 | 16 2 | 16 2 | |
| Firefox | 102 | 102 | |
| Opera | 103 | 103 | |
| Android Browser/WebView | 103 | ||
| Samsung Internet | 18 (Chromium 99) |
How are supported browsers determined?
The versions in the table reflect the browsers released in June 2022, based on the combination of Javascript and CSS features used in Hyvä.
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 iOSdSafari versions]
-
Chrome, Firefox, and more are available on iOS but use the same rendering engine as Safari, this can change with iOS 17.4 ↩
-
Tailwind supports Safari 16 and up but has backward compatibility with Safari 15.4, this will drop some dynamic options like color manipulation through the browser but the experience for the users of this older version, will not be broken. ↩↩