dialog polyfill: need to actually register on every element

1 files changed, 7 insertions, 0 deletions

diff --git a/fatcat_scholar/templates/base.html b/fatcat_scholar/templates/base.html
index 4e09de1..3d19004 100644
--- a/fatcat_scholar/templates/base.html
+++ b/fatcat_scholar/templates/base.html
@@ -405,7 +405,14 @@ if (!(typeof HTMLDialogElement === 'function')) {
   link.rel = "stylesheet"
   link.type = "text/css"
   link.href= "/static/dialog-polyfill.css";
+  js.onload = function() {
+    var dialogs = document.querySelectorAll('dialog');
+    for (i = 0; i < dialogs.length; i++) {
+      dialogPolyfill.registerDialog(dialogs[i]);
+    }
+  };
   document.head.appendChild(link);
+
 };
 </script>
 {% if settings.ENABLE_GOATCOUNTER -%}