diff --git a/content/patterns/widgets/example2.md b/content/patterns/widgets/example2.md
index 69c721e..806697e 100644
--- a/content/patterns/widgets/example2.md
+++ b/content/patterns/widgets/example2.md
@@ -38,6 +38,21 @@ p {
Nulla vel magna sit — amet dui lobortis commodo — vitae vel nulla. Nulla lobortis tempus commodo.
+{{}}
+Everyone must not be having a laugh.
+
+
+{{}}
+
{{% ticks %}}
* Something good
* Something else good
diff --git a/themes/inclusive-pattern-docs/layouts/shortcodes/demo.html b/themes/inclusive-pattern-docs/layouts/shortcodes/demo.html
index 9b1d835..aa09ed8 100644
--- a/themes/inclusive-pattern-docs/layouts/shortcodes/demo.html
+++ b/themes/inclusive-pattern-docs/layouts/shortcodes/demo.html
@@ -11,9 +11,10 @@
root.attachShadow({mode: 'open'});
var template = document.getElementById('template-{{ $uniq }}');
var script = template.content.querySelector('script');
- script.textContent = 'var demo = document.getElementById(\'demo-{{ $uniq }}\').shadowRoot;' + script.textContent;
+ if (script) {
+ script.textContent = `(function() { var demo = document.getElementById(\'demo-{{ $uniq }}\').shadowRoot; ${script.textContent} })()`
+ }
root.shadowRoot.appendChild(document.importNode(template.content, true));
- console.log(root);
})();