diff options
| author | Ian Haggerty <[email protected]> | 2023-05-31 00:40:38 -0400 |
|---|---|---|
| committer | GitHub <[email protected]> | 2023-05-31 07:40:38 +0300 |
| commit | 0d9715e0636cd79527ece5a364a74dc3d3e99923 (patch) | |
| tree | f676d5d5ba386a0332b5493c9a5763a45e0f2592 | |
| parent | 9cc85fd69b35a6df4b5e49e806658be3f828f07e (diff) | |
| download | bootstrap-0d9715e0636cd79527ece5a364a74dc3d3e99923.tar.xz bootstrap-0d9715e0636cd79527ece5a364a74dc3d3e99923.zip | |
Fix disabled element tooltip stackblitz (#38623)
* Load js for disabled button tooltip stackblitz
* Remove surrounding useless `<div>`
---------
Co-authored-by: Julien Déramond <[email protected]>
Co-authored-by: XhmikosR <[email protected]>
| -rw-r--r-- | site/content/docs/5.3/components/tooltips.md | 4 |
1 files changed, 1 insertions, 3 deletions
diff --git a/site/content/docs/5.3/components/tooltips.md b/site/content/docs/5.3/components/tooltips.md index cf628e344..d41b6e2cd 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 >}} +{{< 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 |