From 430386e803c497df03e8c3e72027946400420db5 Mon Sep 17 00:00:00 2001 From: Amirhossein Alibakhshi Date: Wed, 3 Sep 2025 08:57:54 +0330 Subject: [PATCH 1/2] docs(components): mention required polyfills --- docs/components/index.md | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) diff --git a/docs/components/index.md b/docs/components/index.md index 0c822380..a7a4b483 100644 --- a/docs/components/index.md +++ b/docs/components/index.md @@ -63,3 +63,26 @@ Both `@tapsioss/web-components` and `@tapsioss/react-components` rely on the include this package in your project to ensure the components render correctly. ::: + +::: danger Using Polyfills + +To ensure compatibility with earlier browser versions, you might need to include specific polyfills. + +### For Chrome 64 and Newer (excluding Chrome 66) + +* `core-js@3`: + * `stable/array/flat` + * `stable/symbol` + * `stable/global-this` + * `stable/promise/all-settled` +* `element-internals-polyfill` +* `@webcomponents/webcomponentsjs/webcomponents-bundle.js` + +### For Chrome 55 to Chrome 63 + +* The entire `core-js@3` library +* `@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js` +* `@webcomponents/webcomponentsjs/webcomponents-bundle.js` +* `element-internals-polyfill` + +::: From b3b4416e7fe14344caf862857e7e1cba11a44176 Mon Sep 17 00:00:00 2001 From: Amirhossein Alibakhshi Date: Wed, 3 Sep 2025 09:05:11 +0330 Subject: [PATCH 2/2] style: resolve linter issues --- docs/components/index.md | 25 +++++++++++++------------ 1 file changed, 13 insertions(+), 12 deletions(-) diff --git a/docs/components/index.md b/docs/components/index.md index a7a4b483..1112fe8a 100644 --- a/docs/components/index.md +++ b/docs/components/index.md @@ -66,23 +66,24 @@ include this package in your project to ensure the components render correctly. ::: danger Using Polyfills -To ensure compatibility with earlier browser versions, you might need to include specific polyfills. +To ensure compatibility with earlier browser versions, you might need to include +specific polyfills. ### For Chrome 64 and Newer (excluding Chrome 66) -* `core-js@3`: - * `stable/array/flat` - * `stable/symbol` - * `stable/global-this` - * `stable/promise/all-settled` -* `element-internals-polyfill` -* `@webcomponents/webcomponentsjs/webcomponents-bundle.js` +- `core-js@3`: + - `stable/array/flat` + - `stable/symbol` + - `stable/global-this` + - `stable/promise/all-settled` +- `element-internals-polyfill` +- `@webcomponents/webcomponentsjs/webcomponents-bundle.js` ### For Chrome 55 to Chrome 63 -* The entire `core-js@3` library -* `@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js` -* `@webcomponents/webcomponentsjs/webcomponents-bundle.js` -* `element-internals-polyfill` +- The entire `core-js@3` library +- `@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js` +- `@webcomponents/webcomponentsjs/webcomponents-bundle.js` +- `element-internals-polyfill` :::