diff options
| author | XhmikosR <[email protected]> | 2020-12-15 11:24:13 +0200 |
|---|---|---|
| committer | XhmikosR <[email protected]> | 2020-12-15 11:24:13 +0200 |
| commit | ea9c7e735b2593229a504d53e986eb38cacc7066 (patch) | |
| tree | 5a872f8f959232592bb0aa34cc5b4dbb7ecbc364 /site/content/docs/5.0/components/tooltips.md | |
| parent | e5933330e1e3c363d240035d67f97ec094577d91 (diff) | |
| parent | cc3a5cf79a5afd73a97dce380f93e0d192a34456 (diff) | |
| download | bootstrap-rohit/main/modal-with-sticky.tar.xz bootstrap-rohit/main/modal-with-sticky.zip | |
Merge remote-tracking branch 'remotes/origin/main' into rohit/main/modal-with-stickyrohit/main/modal-with-sticky
Diffstat (limited to 'site/content/docs/5.0/components/tooltips.md')
| -rw-r--r-- | site/content/docs/5.0/components/tooltips.md | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/site/content/docs/5.0/components/tooltips.md b/site/content/docs/5.0/components/tooltips.md index 6f0bde9dc..70ba7f6d5 100644 --- a/site/content/docs/5.0/components/tooltips.md +++ b/site/content/docs/5.0/components/tooltips.md @@ -145,12 +145,12 @@ You should only add tooltips to HTML elements that are traditionally keyboard-fo ### Disabled elements -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"`, and override the `pointer-events` on the disabled element. +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 >}} <span class="d-inline-block" tabindex="0" data-bs-toggle="tooltip" title="Disabled tooltip"> - <button class="btn btn-primary" style="pointer-events: none;" type="button" disabled>Disabled button</button> + <button class="btn btn-primary" type="button" disabled>Disabled button</button> </span> {{< /example >}} </div> @@ -254,9 +254,9 @@ Note that for security reasons the `sanitize`, `sanitizeFn`, and `allowList` opt </tr> <tr> <td><code>fallbackPlacements</code></td> - <td>null | array</td> - <td><code>null</code></td> - <td>Allow to specify which position Popper will use on fallback. For more information refer to + <td>array</td> + <td><code>['top', 'right', 'bottom', 'left']</code></td> + <td>Define fallback placements by providing a list of placements in array (in order of preference). For more information refer to Popper's <a href="https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements">behavior docs</a></td> </tr> <tr> |