Changeset 55084

Timestamp:

01/18/2023 11:14:33 AM (5 months ago)

Author:

youknowriad

Message:

Editor: Add inert attribute polyfill.

The new Gutenberg packages are using the inert attribute
to disable some parts of the HTML tree in an accessible way.

Props ntsekouras.
Fixes #57492.

Location:

trunk

Files:

• package-lock.json (modified) (1 diff)
• package.json (modified) (1 diff)
• src/wp-includes/script-loader.php (modified) (2 diffs)
• tests/phpunit/tests/dependencies/scripts.php (modified) (1 diff)
• tools/webpack/packages.js (modified) (2 diffs)

trunk/package-lock.json

@@ -26619 +26619 @@
             "integrity": "sha512-B+enWhmw6cjfVC7kS8Pj9pCrKSc5txArRyaYGe088shv/FGWH+0Rjx/xPgtsWfsUtS27FkP697E4DDhgrgoc0Q=="
         },
+        "wicg-inert": {
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/wicg-inert/-/wicg-inert-3.1.2.tgz",
+            "integrity": "sha512-Ba9tGNYxXwaqKEi9sJJvPMKuo063umUPsHN0JJsjrs2j8KDSzkWLMZGZ+MH1Jf1Fq4OWZ5HsESJID6nRza2ang=="
+        },
         "wildcard": {
             "version": "2.0.0",

trunk/package.json

@@ -155 +155 @@
         "twemoji": "14.0.2",
         "underscore": "1.13.6",
-        "whatwg-fetch": "3.6.2"
+        "whatwg-fetch": "3.6.2",
+        "wicg-inert": "3.1.2"
     },
     "scripts": {

trunk/src/wp-includes/script-loader.php

@@ -100 +100 @@
         'wp-polyfill-element-closest',
         'wp-polyfill-object-fit',
-        'wp-polyfill' => array( 'regenerator-runtime' ),
+        'wp-polyfill-inert',
+        'wp-polyfill' => array( 'wp-polyfill-inert', 'regenerator-runtime' ),
     );
 
@@ -116 +117 @@
         'wp-polyfill-element-closest' => '2.0.2',
         'wp-polyfill-object-fit'      => '2.3.5',
+        'wp-polyfill-inert'           => '3.1.2',
         'wp-polyfill'                 => '3.15.0',
     );

trunk/tests/phpunit/tests/dependencies/scripts.php

@@ -724 +724 @@
         $ver       = get_bloginfo( 'version' );
         $suffix    = wp_scripts_get_suffix();
-        $expected  = "<script type='text/javascript' src='/wp-admin/load-scripts.php?c=0&amp;load%5Bchunk_0%5D=jquery-core,jquery-migrate,regenerator-runtime,wp-polyfill,wp-dom-ready,wp-hooks&amp;ver={$ver}'></script>\n";
+        $expected  = "<script type='text/javascript' src='/wp-admin/load-scripts.php?c=0&amp;load%5Bchunk_0%5D=jquery-core,jquery-migrate,wp-polyfill-inert,regenerator-runtime,wp-polyfill,wp-dom-ready,wp-hooks&amp;ver={$ver}'></script>\n";
         $expected .= "<script type='text/javascript' id='test-example-js-before'>\nconsole.log(\"before\");\n</script>\n";
         $expected .= "<script type='text/javascript' src='http://example.com' id='test-example-js'></script>\n";

trunk/tools/webpack/packages.js

@@ -72 +72 @@
         'wp-polyfill-formdata.js': 'formdata-polyfill/FormData.js',
         'wp-polyfill-object-fit.js': 'objectFitPolyfill/src/objectFitPolyfill.js',
+        'wp-polyfill-inert.js': 'wicg-inert/dist/inert.js',
         'moment.js': 'moment/moment.js',
         'react.js': 'react/umd/react.development.js',
@@ -84 +85 @@
         'wp-polyfill-url.min.js': 'core-js-url-browser/url.min.js',
         'wp-polyfill-object-fit.min.js': 'objectFitPolyfill/dist/objectFitPolyfill.min.js',
+        'wp-polyfill-inert.min.js': 'wicg-inert/dist/inert.min.js',
         'moment.min.js': 'moment/min/moment.min.js',
         'react.min.js': 'react/umd/react.production.min.js',