Supported Browsers Overview
Hyvä aims to support a wide range of browser versions, determined by the underlying tools: TailwindCSS and AlpineJS.
While native TailwindCSS relies on modern CSS features (like inset), we extend support for older browsers by integrating browserlist and postcss-preset-env. AlpineJS support is based on the JavaScript features it utilizes.
Supported Browsers
Hyvä currently supports the following browser versions:
| 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 listed reflect browsers released in June 2022. Safari's support is specifically based on the JavaScript and CSS features used in Hyvä.
Older versions can function if they support queueMicrotask. While it's possible to extend support further (see Extending Browser Support), we strongly advise against it due to security risks and lack of updates in older browsers.
Unsupported Browsers
- Internet Explorer (IE): Support was dropped due to significant maintenance costs and its official retirement by Microsoft on June 15, 2022. Magento also ceased IE support with version 2.4.0.
- Opera Mini: This browser, primarily for feature phones, is based on Opera 12.1 and typically used as a dedicated client for specific websites.
Extending Browser Support
For guidance on extending support for older browser versions, including other browsers, refer to our dedicated page on supporting older iOS Safari versions.
Since Hyvä 1.3.6, postcss-preset-env is included. This PostCSS plugin allows you to write modern CSS and automatically convert it for older browsers. Configure supported browsers using browserlist documentation.
However, be aware that certain features, like flex gap, may require manual adjustments as detailed in the supporting older iOS Safari versions guide.