Skip initialisation when GOV.UK Frontend is not supported

See approach on GOV.UK Frontend alphagov/govuk-frontend@7e1d0f4
alphagov · Sep 28, 2023 · 693bf28 · 693bf28
1 parent ed6a62a
commit 693bf28
Show file tree

Hide file tree

Showing 9 changed files with 33 additions and 8 deletions.
diff --git a/src/javascripts/components/back-to-top.mjs b/src/javascripts/components/back-to-top.mjs
@@ -6,7 +6,10 @@ class BackToTop {
    * @param {Element} $module - HTML element
    */
   constructor($module) {
-    if (!($module instanceof HTMLElement)) {
+    if (
+      !($module instanceof HTMLElement) ||
+      !document.body.classList.contains('govuk-frontend-supported')
+    ) {
       return this
     }
 

diff --git a/src/javascripts/components/cookie-banner.mjs b/src/javascripts/components/cookie-banner.mjs
@@ -17,6 +17,7 @@ class CookieBanner {
   constructor($module) {
     if (
       !($module instanceof HTMLElement) ||
+      !document.body.classList.contains('govuk-frontend-supported') ||
       // Exit if we're on the cookies page to avoid circular journeys
       this.onCookiesPage()
     ) {

diff --git a/src/javascripts/components/cookies-page.mjs b/src/javascripts/components/cookies-page.mjs
@@ -8,7 +8,10 @@ class CookiesPage {
    * @param {Element} $module - HTML element
    */
   constructor($module) {
-    if (!($module instanceof HTMLElement)) {
+    if (
+      !($module instanceof HTMLElement) ||
+      !document.body.classList.contains('govuk-frontend-supported')
+    ) {
       return this
     }
 

diff --git a/src/javascripts/components/copy.mjs b/src/javascripts/components/copy.mjs
@@ -8,7 +8,10 @@ class Copy {
    * @param {Element} $module - HTML element
    */
   constructor($module) {
-    if (!($module instanceof HTMLElement)) {
+    if (
+      !($module instanceof HTMLElement) ||
+      !document.body.classList.contains('govuk-frontend-supported')
+    ) {
       return this
     }
 

diff --git a/src/javascripts/components/example-page.mjs b/src/javascripts/components/example-page.mjs
@@ -6,7 +6,10 @@ class ExamplePage {
    * @param {Document} $module - HTML document
    */
   constructor($module) {
-    if (!($module instanceof Document)) {
+    if (
+      !($module instanceof Document) ||
+      !document.body.classList.contains('govuk-frontend-supported')
+    ) {
       return this
     }
 

diff --git a/src/javascripts/components/example.mjs b/src/javascripts/components/example.mjs
@@ -13,7 +13,10 @@ class Example {
    * @param {Element} $module - HTML element
    */
   constructor($module) {
-    if (!($module instanceof HTMLIFrameElement)) {
+    if (
+      !($module instanceof HTMLIFrameElement) ||
+      !document.body.classList.contains('govuk-frontend-supported')
+    ) {
       return
     }
 

diff --git a/src/javascripts/components/navigation.mjs b/src/javascripts/components/navigation.mjs
@@ -12,7 +12,10 @@ class Navigation {
    * @param {Document} $module - HTML document
    */
   constructor($module) {
-    if (!($module instanceof Document)) {
+    if (
+      !($module instanceof Document) ||
+      !document.body.classList.contains('govuk-frontend-supported')
+    ) {
       return this
     }
 

diff --git a/src/javascripts/components/search.mjs b/src/javascripts/components/search.mjs
@@ -41,7 +41,10 @@ class Search {
    * @param {Element} $module - HTML element
    */
   constructor($module) {
-    if (!($module instanceof HTMLElement)) {
+    if (
+      !($module instanceof HTMLElement) ||
+      !document.body.classList.contains('govuk-frontend-supported')
+    ) {
       return this
     }
 

diff --git a/src/javascripts/components/tabs.mjs b/src/javascripts/components/tabs.mjs
@@ -13,7 +13,10 @@ class AppTabs {
    * @param {Element} $module - HTML element
    */
   constructor($module) {
-    if (!($module instanceof HTMLElement)) {
+    if (
+      !($module instanceof HTMLElement) ||
+      !document.body.classList.contains('govuk-frontend-supported')
+    ) {
       return this
     }