Approche technique
Afin de couvrir un large éventail de framework UI tel que Angular, Vue, etc, le kit web est développé en utilisant l'approche standard des Customs Elements (anciennement Web Components).
Cette approche implique quelques subtilités d'interopérabilité entre les frameworks et les Customs Elements. Pour plus d'information, consultez l'utilisation des web components.
Support Navigateur
|
Supporté |
Non supporté |
|---|---|
|
✅ Navigateur Bureau (toute taille d'écran) : Firefox Chrome Safari |
🚫 Application Hybride Web |
|
✅ Navigateur Mobile : Chrome pour Android Safari sur iOS Firefox pour Android |
|
Les Custom elements sont compatibles à partir des versions de navigateurs suivantes (référence) :
|
Navigateur |
Version min |
Date |
|---|---|---|
|
Chrome |
54 |
octobre 2016 |
|
Edge |
79 |
janvier 2020 |
|
Safari |
10.1 |
mars 2017 |
|
Firefox |
63 |
octobre 2018 |
Cependant, certains composants utilisent des fonctionnalités (:has(), :focus-visible, logical properties…) ayant été rendues disponibles plus tard, ce qui peut entraîner une dégradation visuelle, sans rendre les composants inutilisables.
La compatibilité “100%” est donc la suivante :
|
Navigateur |
Version min |
Date |
Contrainte qui fixe le seuil |
|---|---|---|---|
|
Chrome / Edge |
105 |
août 2022 |
:has() |
|
Safari |
15.4 |
mars 2022 |
:has() + :focus-visible |
|
Firefox |
121 |
décembre 2023 |
:has() |