Fixes Multiple Id inert-style issue

.travis.yml

@@ -5,6 +5,7 @@ services:
 branches:
   only:
     - main
+    - application-v1-53
 cache:
   directories:
     - travis-build

packages/terra-application/CHANGELOG.md

@@ -1,6 +1,9 @@
 # Changelog
 
 ## Unreleased
+* Changed
+  * updated condition statement added to check `inert` polyfill is required.
+  * updated `wicg-inert` to latest version.
 
 ## 1.53.0 - (February 8, 2022)
 

packages/terra-application/package.json

@@ -78,7 +78,7 @@
     "terra-toolbar": "^1.22.0",
     "terra-visually-hidden-text": "^2.31.0",
     "uuid": "^3.0.0",
-    "wicg-inert": "^3.0.2"
+    "wicg-inert": "3.1.2"
   },
   "peerDependencies": {
     "react": "^16.8.5",

packages/terra-application/src/application-base/private/initializeInert.js

@@ -9,12 +9,13 @@ import '../../utils/polyfills/_matches-polyfill';
  * across the framework's supported browsers, so a polyfill is added on an as-need basis to ensure feature parity.
  */
 function initializeInert() {
+  const inertId = 'inert-style';
   /**
    * We manually check whether the inert polyfill is necessary so as to
    * not to add the inert style link unnecessarily.
    */
   // eslint-disable-next-line no-prototype-builtins
-  if (Element.prototype.hasOwnProperty('inert')) {
+  if (HTMLElement.prototype.hasOwnProperty('inert') || document.getElementById(inertId)) {
     return;
   }
 
@@ -24,7 +25,7 @@ function initializeInert() {
    * https://github.com/WICG/inert#strict-content-security-policy
    */
   const inertStyleLink = document.createElement('link');
-  inertStyleLink.id = 'inert-style';
+  inertStyleLink.id = inertId;
 
   const styleLinkParent = document.head || document.body;
   styleLinkParent.appendChild(inertStyleLink);

packages/terra-dev-site/CHANGELOG.md

@@ -1,6 +1,8 @@
 # Changelog
 
 ## Unreleased
+* Changed
+  * Updated WDIO screenshots.
 
 ## 7.6.0 - (February 14, 2022)