From c36a0794d814229b0cac6d1989f382b225fc1a14 Mon Sep 17 00:00:00 2001
From: Nate Contino <nate.contino@raspberrypi.com>
Date: Tue, 17 Dec 2024 08:46:05 -0500
Subject: [PATCH] Move tab script to bottom of loaded docs pages to improve
 browser compatibility

---
 jekyll-assets/_includes/head.html | 1 -
 jekyll-assets/_layouts/docs.html  | 9 ++++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/jekyll-assets/_includes/head.html b/jekyll-assets/_includes/head.html
index 93255f598..d604f5bc0 100644
--- a/jekyll-assets/_includes/head.html
+++ b/jekyll-assets/_includes/head.html
@@ -24,7 +24,6 @@
 <script type="text/javascript" src="{{ site.baseurl }}/scripts/theme.js?ver={{ site.time | date: '%s' }}"></script>
 <script type="text/javascript" src="{{ site.baseurl }}/scripts/tocbot.js?ver={{ site.time | date: '%s' }}"></script>
 <script type="text/javascript" src="{{ site.baseurl }}/scripts/toc.js?ver={{ site.time | date: '%s' }}"></script>
-<script async type="text/javascript" src="{{ site.baseurl }}/scripts/asciidoctor-tabs.js?ver={{ site.time | date: '%s' }}"></script>
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-V8TFXM3BKJ"></script>
 <script>
   window.dataLayer = window.dataLayer || [];
diff --git a/jekyll-assets/_layouts/docs.html b/jekyll-assets/_layouts/docs.html
index 850f27500..2627c2f52 100644
--- a/jekyll-assets/_layouts/docs.html
+++ b/jekyll-assets/_layouts/docs.html
@@ -268,10 +268,13 @@ <h5>On this page</h5>
 
         {% include legal.html %}
         {% include footer.html %}
-        {% include search.html %}
 
-        <script async src="{{ site.baseurl }}/scripts/clipboard.min.js?ver={{ site.time | date: '%s' }}"></script>
-        <script async src="{{ site.baseurl }}/scripts/copy-to-clipboard.js?ver={{ site.time | date: '%s' }}"></script>
+        <!-- scripts that manipulate the page, placed at the bottom so they run after the page content has already loaded !-->
+        <script async type="text/javascript" src="{{ site.baseurl }}/scripts/asciidoctor-tabs.js?ver={{ site.time | date: '%s' }}"></script>
+        <script async type="text/javascript" src="{{ site.baseurl }}/scripts/clipboard.min.js?ver={{ site.time | date: '%s' }}"></script>
+        <script async type="text/javascript" src="{{ site.baseurl }}/scripts/copy-to-clipboard.js?ver={{ site.time | date: '%s' }}"></script>
+
+        {% include search.html %}
       </div>
     </div>
   </body>