From 919910ce670a680ec9b9438c8087884b16385b03 Mon Sep 17 00:00:00 2001
From: Etienne Perot <eperot@google.com>
Date: Fri, 5 Aug 2022 19:06:59 -0700
Subject: [PATCH] Fix d3-based performance graphs in Firefox.

Reported by Thomas Gleixner in
https://lore.kernel.org/lkml/87a68vtvhf.ffs@tglx/

PiperOrigin-RevId: 465692826
---
 website/_includes/footer.html  | 5 -----
 website/_includes/graph.html   | 3 ++-
 website/_includes/header.html  | 1 +
 website/_includes/scripts.html | 4 ++++
 4 files changed, 7 insertions(+), 6 deletions(-)
 create mode 100644 website/_includes/scripts.html

diff --git a/website/_includes/footer.html b/website/_includes/footer.html
index 20aa9f52c..9311ba4e1 100644
--- a/website/_includes/footer.html
+++ b/website/_includes/footer.html
@@ -2,11 +2,6 @@
   {% include footer-links.html %}
 </footer>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.1/js/all.min.js" integrity="sha256-Z1Nvg/+y2+vRFhFgFij7Lv0r77yG3hOvWz2wI0SfTa0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.13.0/d3.min.js" integrity="sha256-hYXbQJK4qdJiAeDVjjQ9G0D6A0xLnDQ4eJI9dkm7Fpk=" crossorigin="anonymous"></script>
-
 {% if site.analytics %}
 <script>
 var doNotTrack = false;
diff --git a/website/_includes/graph.html b/website/_includes/graph.html
index 74b9c3ba5..16fea7188 100644
--- a/website/_includes/graph.html
+++ b/website/_includes/graph.html
@@ -1,6 +1,6 @@
 {::nomarkdown}
 {% assign fn = include.id | remove: " " | remove: "-" | downcase %}
-<figure><a href="{{ include.url }}"><svg id="{{ include.id }}" width=500 height=200 onload="render_{{ fn }}()"><title>{{ include.title }}</title></svg></a></figure>
+<figure><a href="{{ include.url }}"><svg id="{{ include.id }}" width=500 height=200><title>{{ include.title }}</title></svg></a></figure>
 <script>
 function render_{{ fn }}() {
 d3.csv("{{ include.url }}", function(d, i, columns) {
@@ -201,5 +201,6 @@ d3.csv("{{ include.url }}", function(d, i, columns) {
         .text(function(d) { return d; });
 });
 }
+$(render_{{ fn }});
 </script>
 {:/}
diff --git a/website/_includes/header.html b/website/_includes/header.html
index 5f1ae01f3..bd18c44c6 100644
--- a/website/_includes/header.html
+++ b/website/_includes/header.html
@@ -12,6 +12,7 @@
     <!-- Dependencies. -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha256-916EbMg70RQy9LHiGkXzG8hSg9EdNy97GazNG/aiY1w=" crossorigin="anonymous" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.1/css/all.min.css" integrity="sha256-fdcFNFiBMrNfWL6OcAGQz6jDgNTRxnrLEd4vJYFWScE=" crossorigin="anonymous" />
+    {% include scripts.html %}
 
     <!-- Our own style sheet. -->
     <link rel="stylesheet" type="text/css" href="/css/main.css">
diff --git a/website/_includes/scripts.html b/website/_includes/scripts.html
new file mode 100644
index 000000000..d7e86b001
--- /dev/null
+++ b/website/_includes/scripts.html
@@ -0,0 +1,4 @@
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.1/js/all.min.js" integrity="sha256-Z1Nvg/+y2+vRFhFgFij7Lv0r77yG3hOvWz2wI0SfTa0=" crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.13.0/d3.min.js" integrity="sha256-hYXbQJK4qdJiAeDVjjQ9G0D6A0xLnDQ4eJI9dkm7Fpk=" crossorigin="anonymous"></script>