Move inline JS to application.js.

diff --git a/site/content/docs/4.3/forms/checks.md b/site/content/docs/4.3/forms/checks.md
index 5c1110858a18336cb46de8607aa534066c446667..34369b80f4fb2b40841b66f960c064a0467a8145 100644 (file)
--- a/site/content/docs/4.3/forms/checks.md
+++ b/site/content/docs/4.3/forms/checks.md
@@ -14,13 +14,6 @@ Structurally, our `<input>`s and `<label>`s are sibling elements as opposed to a
 
 Our checks use custom Bootstrap icons to indicate checked or indeterminate states.
 
-<script>
-document.addEventListener("DOMContentLoaded", function() {
-  var checkbox = document.getElementById("flexCheckIndeterminate");
-  checkbox.indeterminate = true;
-});
-</script>
-
 ## Checks
 
 {{< example >}}

diff --git a/site/static/docs/4.3/assets/js/src/application.js b/site/static/docs/4.3/assets/js/src/application.js
index 60680aa721f96e3990de365629e6c71455de106b..9f7abe8b5c4b755bdb858960efdd885fa97b5220 100644 (file)
--- a/site/static/docs/4.3/assets/js/src/application.js
+++ b/site/static/docs/4.3/assets/js/src/application.js
@@ -19,6 +19,16 @@
     return [].slice.call(list)
   }
 
+  (function () {
+    var checkbox = document.getElementById('flexCheckIndeterminate')
+
+    if (!checkbox) {
+      return
+    }
+
+    checkbox.indeterminate = true
+  })()
+
   makeArray(document.querySelectorAll('.js-sidenav-group'))
     .forEach(function (sidenavGroup) {
       var groupHasLinks = Boolean(sidenavGroup.querySelector('li'))