Which browsers and devices are supported and tested?

[rafgraph]

Hi, great work on Radix, excited for the primitives to reach a stable release! A couple of questions around browser support and cross browser/device testing.

---

Which browsers and devices do the Radix Primitives support?

---

Which browsers and devices are the Radix Primitives tested on (e.g. click through the stories on each device/browser)?

For example:

• Chrome desktop (Mac, Windows, Windows w/ touch input)
• Firefox desktop (Mac, Windows, Windows w/ touch input)
• Safari desktop (Mac)
• iPhone (Safari)
• iPad (Safari w/ touch input, Safari w/ mouse & keyboard)
• Android Phone (Chrome, Firefox, Samsung Internet)
• Chromebook
• Etc.

It would be helpful to have some sort of quality assurance that the component library has been tested on a variety of common browsers and devices. Thanks!

[christiankaindl]

Couldn't find anything in the docs or via Google. Was looking for this, because I noticed that Menu's don't seems to work on Safari 12 on iOS...

[benoitgrelard]

Here's our browserslist support here for more clarity:

primitives/babel.config.js

Line 30 in 8f75e5b

browsers: 'Chrome >= 74, Safari >= 13.1, iOS >= 13.3, Firefox >= 78, Edge >= 79',

[rebelliard]

Hello. Where can I find the current (2024) list of supported browsers? :)

[7mioda]

Hello! Is there an updated browser support list?

[pascalduez]

Hey there,

I was looking for that information as well but couldn't find anything in the available documentation.

On the main branch, looking at the build script, we can find that ESBuild target is configured with es2022.

primitives/internal/builder/builder.js

Line 48 in 36d954d

target: 'es2022',

Which is in line with the base TS config:

primitives/internal/typescript-config/base.json

Line 17 in 36d954d

"target": "ES2022"

ES2022 translated to browsers gives use the following list:

Caniuse ES2022