From 7b0ec91d3c4347c9197c9b8b227c8686c4443bdd Mon Sep 17 00:00:00 2001
From: Ian Haggerty <ijhaggerty@sep.com>
Date: Fri, 19 May 2023 11:28:12 -0400
Subject: [PATCH 1/2] Load js for disabled button tooltip stackblitz

---
 site/content/docs/5.3/components/tooltips.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/content/docs/5.3/components/tooltips.md b/site/content/docs/5.3/components/tooltips.md
index cf628e344f09..6a306518d27f 100644
--- a/site/content/docs/5.3/components/tooltips.md
+++ b/site/content/docs/5.3/components/tooltips.md
@@ -178,7 +178,7 @@ The required markup for a tooltip is only a `data` attribute and `title` on the
 Elements with the `disabled` attribute aren't interactive, meaning users cannot focus, hover, or click them to trigger a tooltip (or popover). As a workaround, you'll want to trigger the tooltip from a wrapper `<div>` or `<span>`, ideally made keyboard-focusable using `tabindex="0"`.
 
 <div class="tooltip-demo">
-{{< example >}}
+{{< example class="tooltip-demo" stackblitz_add_js="true" >}}
 <span class="d-inline-block" tabindex="0" data-bs-toggle="tooltip" data-bs-title="Disabled tooltip">
   <button class="btn btn-primary" type="button" disabled>Disabled button</button>
 </span>

From d10e4d517a06aff39c0286ff39d522ce53dc4699 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julien=20D=C3=A9ramond?= <juderamond@gmail.com>
Date: Fri, 19 May 2023 21:25:30 +0200
Subject: [PATCH 2/2] Remove surrounding useless `<div>`

---
 site/content/docs/5.3/components/tooltips.md | 2 --
 1 file changed, 2 deletions(-)

diff --git a/site/content/docs/5.3/components/tooltips.md b/site/content/docs/5.3/components/tooltips.md
index 6a306518d27f..d41b6e2cd004 100644
--- a/site/content/docs/5.3/components/tooltips.md
+++ b/site/content/docs/5.3/components/tooltips.md
@@ -177,13 +177,11 @@ The required markup for a tooltip is only a `data` attribute and `title` on the
 
 Elements with the `disabled` attribute aren't interactive, meaning users cannot focus, hover, or click them to trigger a tooltip (or popover). As a workaround, you'll want to trigger the tooltip from a wrapper `<div>` or `<span>`, ideally made keyboard-focusable using `tabindex="0"`.
 
-<div class="tooltip-demo">
 {{< example class="tooltip-demo" stackblitz_add_js="true" >}}
 <span class="d-inline-block" tabindex="0" data-bs-toggle="tooltip" data-bs-title="Disabled tooltip">
   <button class="btn btn-primary" type="button" disabled>Disabled button</button>
 </span>
 {{< /example >}}
-</div>
 
 ### Options