Skip to content

Commit

Permalink
Remove surrounding useless <div>
Browse files Browse the repository at this point in the history
  • Loading branch information
julien-deramond committed May 19, 2023
1 parent 7b0ec91 commit d10e4d5
Showing 1 changed file with 0 additions and 2 deletions.
2 changes: 0 additions & 2 deletions site/content/docs/5.3/components/tooltips.md
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down

0 comments on commit d10e4d5

Please sign in to comment.