patternfly · bennypowers · May 5, 2026 · May 5, 2026
diff --git a/core/pfe-core/controllers/internals-controller.ts b/core/pfe-core/controllers/internals-controller.ts
@@ -269,14 +269,7 @@ export class InternalsController implements ReactiveController, ARIAMixin {
     globalThis._elementInternals.set(this.host, this.internals);
   }
 
-  /**
-   * We need to polyfill :disabled
-   * see https://github.com/calebdwilliams/element-internals-polyfill/issues/88
-   */
   #polyfillDisabledPseudo() {
-    // START polyfill-disabled
-    // We need to polyfill :disabled
-    // see https://github.com/calebdwilliams/element-internals-polyfill/issues/88
     const orig = (this.element as FACE).formDisabledCallback;
     (this.element as FACE).formDisabledCallback = disabled => {
       this._formDisabled = disabled;

diff --git a/docs/_data/importMap.cjs b/docs/_data/importMap.cjs
@@ -27,7 +27,6 @@ module.exports = async function() {
       'tslib': readPackageVersion('tslib'),
       '@rhds/elements': readPackageVersion('@rhds/elements'),
       'prismjs': readPackageVersion('prismjs'),
-      'element-internals-polyfill': readPackageVersion('element-internals-polyfill'),
       'fuse.js': readPackageVersion('fuse.js'),
       'lit': readPackageVersion('lit'),
       '@lit-labs/ssr-client': readPackageVersion('@lit-labs/ssr-client'),

diff --git a/docs/_plugins/pfe-assets.cjs b/docs/_plugins/pfe-assets.cjs
@@ -16,9 +16,7 @@ function getFilesToCopy(options) {
     return null;
   }
 
-  const files = {
-    [path.join(cwd, 'node_modules/element-internals-polyfill')]: 'element-internals-polyfill',
-  };
+  const files = {};
 
   const corePkgs = fs.readdirSync(path.join(cwd, 'core'));
 

diff --git a/docs/components/demos.html b/docs/components/demos.html
@@ -24,7 +24,7 @@
   </noscript>
   <script async
           src="https://ga.jspm.io/npm:es-module-shims@2.0.10/dist/es-module-shims.js"></script>
-  <script type="module">import 'element-internals-polyfill';</script>
+
   <style>
     html,
     body,

diff --git a/docs/main.mjs b/docs/main.mjs
@@ -1,5 +1,4 @@
 import '@rhds/elements/rh-footer/rh-footer-universal.js';
-import 'element-internals-polyfill';
 import { PfV5Icon } from '@patternfly/elements/pf-v5-icon/pf-v5-icon.js';
 import '@patternfly/elements/pf-v5-accordion/pf-v5-accordion.js';
 import '@patternfly/elements/pf-v5-alert/pf-v5-alert.js';

diff --git a/elements/pf-v5-button/demo/block.html b/elements/pf-v5-button/demo/block.html
@@ -3,7 +3,6 @@
 </section>
 
 <script type="module">
-  import 'element-internals-polyfill';
   import '@patternfly/elements/pf-v5-button/pf-v5-button.js';
   for (const button of document.querySelectorAll('pf-v5-button')) {
     button.addEventListener('click', console.log);

diff --git a/elements/pf-v5-button/demo/form-control.html b/elements/pf-v5-button/demo/form-control.html
@@ -35,7 +35,6 @@ <h2>Both disabled</h2>
 </form>
 
 <script type="module">
-  import 'element-internals-polyfill';
   import '@patternfly/elements/pf-v5-switch/pf-v5-switch.js';
   import '@patternfly/elements/pf-v5-button/pf-v5-button.js';
 

diff --git a/elements/pf-v5-button/demo/index.html b/elements/pf-v5-button/demo/index.html
@@ -4,7 +4,6 @@
 </pf-v5-button>
 
 <script type="module">
-  import 'element-internals-polyfill';
   import '@patternfly/elements/pf-v5-button/pf-v5-button.js';
   document.getElementById('button').addEventListener('click', async function() {
     await import('@patternfly/elements/pf-v5-badge/pf-v5-badge.js');

diff --git a/elements/pf-v5-button/demo/sizes.html b/elements/pf-v5-button/demo/sizes.html
@@ -15,7 +15,6 @@
 </section>
 
 <script type="module">
-  import 'element-internals-polyfill';
   import '@patternfly/elements/pf-v5-button/pf-v5-button.js';
   for (const button of document.querySelectorAll('pf-v5-button')) {
     button.addEventListener('click', console.log);

diff --git a/elements/pf-v5-button/demo/stateful.html b/elements/pf-v5-button/demo/stateful.html
@@ -11,7 +11,6 @@
 </section>
 
 <script type="module">
-  import 'element-internals-polyfill';
   import '@patternfly/elements/pf-v5-button/pf-v5-button.js';
   import '@patternfly/elements/pf-v5-spinner/pf-v5-spinner.js';
 

diff --git a/elements/pf-v5-button/demo/variants.html b/elements/pf-v5-button/demo/variants.html
@@ -82,7 +82,6 @@ <h3>Disabled</h3>
 </section>
 
 <script type="module">
-  import 'element-internals-polyfill';
   import '@patternfly/elements/pf-v5-button/pf-v5-button.js';
   for (const button of document.querySelectorAll('pf-v5-button')) {
     button.addEventListener('click', console.log);

diff --git a/elements/pf-v5-jump-links/demo/centered-list.html b/elements/pf-v5-jump-links/demo/centered-list.html
@@ -7,7 +7,6 @@
 </section>
 
 <script type="module">
-  import 'element-internals-polyfill';
   import '@patternfly/elements/pf-v5-jump-links/pf-v5-jump-links.js';
 </script>
 

diff --git a/elements/pf-v5-jump-links/demo/expandable-vertical-with-subsection.html b/elements/pf-v5-jump-links/demo/expandable-vertical-with-subsection.html
@@ -15,7 +15,6 @@
 </section>
 
 <script type="module">
-  import 'element-internals-polyfill';
   import '@patternfly/elements/pf-v5-jump-links/pf-v5-jump-links.js';
   import '@patternfly/elements/pf-v5-jump-links/pf-v5-jump-links-list.js';
 </script>

diff --git a/elements/pf-v5-jump-links/demo/index.html b/elements/pf-v5-jump-links/demo/index.html
@@ -7,7 +7,6 @@
 </section>
 
 <script type="module">
-  import 'element-internals-polyfill';
   import '@patternfly/elements/pf-v5-jump-links/pf-v5-jump-links.js';
 </script>
 

diff --git a/elements/pf-v5-jump-links/demo/label.html b/elements/pf-v5-jump-links/demo/label.html
@@ -12,7 +12,6 @@
 </section>
 
 <script type="module">
-  import 'element-internals-polyfill';
   import '@patternfly/elements/pf-v5-jump-links/pf-v5-jump-links.js';
   import '@patternfly/elements/pf-v5-jump-links/pf-v5-jump-links-list.js';
 </script>

diff --git a/elements/pf-v5-jump-links/demo/scrollspy-with-subsections.html b/elements/pf-v5-jump-links/demo/scrollspy-with-subsections.html
@@ -142,7 +142,6 @@ <h2 id="heading-5">Heading 5</h2>
 </div>
 
 <script type="module">
-import 'element-internals-polyfill';
 import '@patternfly/elements/pf-v5-switch/pf-v5-switch.js';
 import '@patternfly/elements/pf-v5-jump-links/pf-v5-jump-links.js';
 

diff --git a/elements/pf-v5-jump-links/demo/vertical-with-label.html b/elements/pf-v5-jump-links/demo/vertical-with-label.html
@@ -8,7 +8,6 @@ <h2>Vertical with label</h2>
 </section>
 
 <script type="module">
-  import 'element-internals-polyfill';
   import '@patternfly/elements/pf-v5-jump-links/pf-v5-jump-links.js';
 </script>
 

diff --git a/elements/pf-v5-jump-links/demo/vertical.html b/elements/pf-v5-jump-links/demo/vertical.html
@@ -7,7 +7,6 @@
 </section>
 
 <script type="module">
-  import 'element-internals-polyfill';
   import '@patternfly/elements/pf-v5-jump-links/pf-v5-jump-links.js';
 </script>
 

diff --git a/elements/pf-v5-progress-stepper/demo/alignment.html b/elements/pf-v5-progress-stepper/demo/alignment.html
@@ -10,7 +10,6 @@ <h2>With alignment</h2>
 </form>
 
 <script type="module">
-  import 'element-internals-polyfill';
   import '@patternfly/elements/pf-v5-switch/pf-v5-switch.js';
   import '@patternfly/elements/pf-v5-progress-stepper/pf-v5-progress-stepper.js';
 

diff --git a/elements/pf-v5-progress-stepper/demo/compact.html b/elements/pf-v5-progress-stepper/demo/compact.html
@@ -10,7 +10,6 @@ <h2>Compact</h2>
 </form>
 
 <script type="module">
-  import 'element-internals-polyfill';
   import '@patternfly/elements/pf-v5-switch/pf-v5-switch.js';
   import '@patternfly/elements/pf-v5-progress-stepper/pf-v5-progress-stepper.js';
 

diff --git a/elements/pf-v5-progress-stepper/demo/custom-icons.html b/elements/pf-v5-progress-stepper/demo/custom-icons.html
@@ -7,7 +7,6 @@
 </section>
 
 <script type="module">
-  import 'element-internals-polyfill';
   import '@patternfly/elements/pf-v5-progress-stepper/pf-v5-progress-stepper.js';
 </script>
 

diff --git a/elements/pf-v5-progress-stepper/demo/danger.html b/elements/pf-v5-progress-stepper/demo/danger.html
@@ -9,7 +9,6 @@
 </section>
 
 <script type="module">
-  import 'element-internals-polyfill';
   import '@patternfly/elements/pf-v5-progress-stepper/pf-v5-progress-stepper.js';
 </script>
 

diff --git a/elements/pf-v5-progress-stepper/demo/index.html b/elements/pf-v5-progress-stepper/demo/index.html
@@ -7,7 +7,6 @@
 </section>
 
 <script type="module">
-  import 'element-internals-polyfill';
   import '@patternfly/elements/pf-v5-progress-stepper/pf-v5-progress-stepper.js';
 </script>
 

diff --git a/elements/pf-v5-progress-stepper/demo/info.html b/elements/pf-v5-progress-stepper/demo/info.html
@@ -9,7 +9,6 @@
 </section>
 
 <script type="module">
-  import 'element-internals-polyfill';
   import '@patternfly/elements/pf-v5-switch/pf-v5-switch.js';
   import '@patternfly/elements/pf-v5-progress-stepper/pf-v5-progress-stepper.js';
 

diff --git a/elements/pf-v5-progress-stepper/demo/step-descriptions.html b/elements/pf-v5-progress-stepper/demo/step-descriptions.html
@@ -7,7 +7,6 @@
 </section>
 
 <script type="module">
-  import 'element-internals-polyfill';
   import '@patternfly/elements/pf-v5-progress-stepper/pf-v5-progress-stepper.js';
 </script>
 

diff --git a/elements/pf-v5-switch/README.md b/elements/pf-v5-switch/README.md
@@ -25,9 +25,6 @@ Then once installed, import it to your application:
 import '@patternfly/elements/pf-v5-switch/pf-v5-switch.js';
 ```
 
-### Note
-For `<pf-v5-switch>` to work in Safari, you'll need to load the [element-internals-polyfill](https://www.npmjs.com/package/element-internals-polyfill). Safari is in the process of [adding element internals to WebKit](https://bugs.webkit.org/show_bug.cgi?id=197960) so this polyfill should be temporary.
-
 ## Usage
 ```html
 <pf-v5-switch id="switch"></pf-v5-switch>

diff --git a/elements/pf-v5-switch/demo/checked.html b/elements/pf-v5-switch/demo/checked.html
@@ -12,7 +12,6 @@
 </section>
 
 <script type="module">
-  import 'element-internals-polyfill';
   import '@patternfly/elements/pf-v5-switch/pf-v5-switch.js';
   import '@patternfly/elements/pf-v5-button/pf-v5-button.js';
 </script>

diff --git a/elements/pf-v5-switch/demo/disabled.html b/elements/pf-v5-switch/demo/disabled.html
@@ -19,7 +19,6 @@
 </section>
 
 <script type="module">
-  import 'element-internals-polyfill';
   import '@patternfly/elements/pf-v5-switch/pf-v5-switch.js';
 </script>
 

diff --git a/elements/pf-v5-switch/demo/index.html b/elements/pf-v5-switch/demo/index.html
@@ -45,7 +45,6 @@
 </section>
 
 <script type="module">
-  import 'element-internals-polyfill';
   import '@patternfly/elements/pf-v5-switch/pf-v5-switch.js';
   import '@patternfly/elements/pf-v5-button/pf-v5-button.js';
 

diff --git a/elements/pf-v5-switch/demo/nested-in-label.html b/elements/pf-v5-switch/demo/nested-in-label.html
@@ -12,7 +12,6 @@
 </section>
 
 <script type="module">
-  import 'element-internals-polyfill';
   import '@patternfly/elements/pf-v5-switch/pf-v5-switch.js';
   import '@patternfly/elements/pf-v5-button/pf-v5-button.js';
 

diff --git a/elements/pf-v5-switch/demo/reversed.html b/elements/pf-v5-switch/demo/reversed.html
@@ -12,7 +12,6 @@
 </section>
 
 <script type="module">
-  import 'element-internals-polyfill';
   import '@patternfly/elements/pf-v5-switch/pf-v5-switch.js';
   import '@patternfly/elements/pf-v5-button/pf-v5-button.js';
 </script>

diff --git a/elements/pf-v5-switch/demo/without-label.html b/elements/pf-v5-switch/demo/without-label.html
@@ -8,7 +8,6 @@
 </section>
 
 <script type="module">
-  import 'element-internals-polyfill';
   import '@patternfly/elements/pf-v5-switch/pf-v5-switch.js';
   import '@patternfly/elements/pf-v5-button/pf-v5-button.js';
 </script>

diff --git a/elements/pf-v5-tabs/README.md b/elements/pf-v5-tabs/README.md
@@ -22,9 +22,6 @@ Then once installed, import it to your application:
 import '@patternfly/elements/pf-v5-tabs/pf-v5-tabs.js';
 ```
 
-### Note
-For `<pf-v5-tabs>` to work in Safari, you'll need to load the [element-internals-polyfill](https://www.npmjs.com/package/element-internals-polyfill). Safari is in the process of [adding element internals to WebKit](https://bugs.webkit.org/show_bug.cgi?id=197960) so this polyfill should be temporary.
-
 ## Usage
 
 ```html

diff --git a/package-lock.json b/package-lock.json
diff --git a/tools/pfe-tools/dev-server/plugins/templates/index.html b/tools/pfe-tools/dev-server/plugins/templates/index.html
@@ -35,7 +35,6 @@
   {% endfor %}
   <script type="module">
     import 'construct-style-sheets-polyfill';
-    import 'element-internals-polyfill';
     import '@patternfly/elements/pf-v5-button/pf-v5-button.js';
     import '@patternfly/elements/pf-v5-card/pf-v5-card.js';
     import '@patternfly/pfe-tools/dev-server/demo.js';

diff --git a/tools/pfe-tools/package.json b/tools/pfe-tools/package.json
@@ -88,7 +88,7 @@
     "construct-style-sheets-polyfill": "^3.1.0",
     "dedent": "^1.7.1",
     "dotenv": "^17.2.3",
-    "element-internals-polyfill": "^3.0.2",
+
     "eleventy-plugin-toc": "^1.1.5",
     "es-module-shims": "^2.7.0",
     "esbuild": "^0.27.2",