docs: eagerly load tag definition

docs/_includes/layouts/base.njk

@@ -31,6 +31,10 @@
       </style>
     </noscript>
 
+    {# ensure ssr-support modules are loaded first #}
+    <script type="module">
+      import '/assets/javascript/ssr-support.js';
+    </script>
     {% include "../partials/javascript/global.html" %}
   </head>
 

docs/_includes/layouts/pages/element.11ty.ts

@@ -89,6 +89,9 @@ export default class ElementsPage extends Renderer<Context> {
       </noscript>
 
       <script type="module" data-helmet>
+        // although we load these ssr support modules elsewhere, we still
+        // need them here to ensure no double-rendering on webkit
+        import '/assets/javascript/ssr-support.js';
         import '@uxdot/elements/uxdot-copy-button.js';
         import '@uxdot/elements/uxdot-copy-permalink.js';
         import '@uxdot/elements/uxdot-best-practice.js';
@@ -961,4 +964,3 @@ export default class ElementsPage extends Renderer<Context> {
     }
   }
 };
-

docs/_includes/layouts/pages/has-toc.njk

@@ -12,6 +12,9 @@ layout: layouts/base.njk
       data-helmet>
 
 <script type="module" data-helmet>
+  // although we load these ssr support modules elsewhere, we still
+  // need them here to ensure no double-rendering on webkit
+  import '/assets/javascript/ssr-support.js';
   import '@uxdot/elements/uxdot-toc.js';
 </script>
 

docs/_includes/partials/javascript/dsd-init.html

@@ -1,14 +1,13 @@
   <script type="module">
-    // dsd polyfill needs to happen before hydration attempts
-    // lit-element-hydrate-support needs to be included before lit is loaded
-    import '/assets/javascript/dsd-polyfill.js';
-    import '@lit-labs/ssr-client/lit-element-hydrate-support.js';
-    import 'element-internals-polyfill';
+    // although we load these ssr support modules elsewhere, we still
+    // need them here to ensure no double-rendering on webkit
+    import '/assets/javascript/ssr-support.js';
     // include these, which are often internal to elements,
     // and are definitely required by context-picker and context-demo
     // to avoid SSR defer-hydration bugs and SSR double-rendering bugs
     import '@rhds/elements/rh-icon/rh-icon.js';
     import '@rhds/elements/rh-surface/rh-surface.js';
     import '@rhds/elements/rh-button/rh-button.js';
     import '@rhds/elements/rh-tooltip/rh-tooltip.js';
+    import '@rhds/elements/rh-tag/rh-tag.js';
   </script>

docs/assets/javascript/ssr-support.js

@@ -0,0 +1,5 @@
+// dsd polyfill needs to happen before hydration attempts
+// lit-element-hydrate-support needs to be included before lit is loaded
+import '/assets/javascript/dsd-polyfill.js';
+import '@lit-labs/ssr-client/lit-element-hydrate-support.js';
+import 'element-internals-polyfill';