v5: Error - Bootstrap doesn't allow more than one instance per element.

I have this error:

Bootstrap doesn’t allow more than one instance per element. Bound instance: bs.tooltip.

using this code:

<button class="btn btn-dark" type="button" data-bs-toggle="dropdown" data-bs-auto-close="true" data-bs-toggle-2="tooltip" data-bs-placement="bottom" title="Lorem Ipsum" aria-expanded="false">

It looks like you can’t have dropdowns and tooltips together, but it should be possible.

[ffoodd]

No, from an accessibility perspective it should not exist so we don’t support it.

To elaborate:

• when using a keyboard to navigate, where does clicking and tabbing would lead to? Tooltip, or dropdown? Cannot be both, obviously.
• someone using a screenreader wouldn’t know what has been expanded. BTW which one of tooltip ans dropdown would update the aria-expanded attribute?

AFAIK that’s not something we’ll consider.

[NimaFx]

It’s possible to trigger tooltips on the focus, shortcut key or add an extra icon just for tooltips. I’m aware of that. but still, your assumption is false! It’s a focus, long tap, or click. But not all!

It’s a dropdown that has a tooltip too! How should I handle on the touch screen or keyboard is a framework independent decision.

<select name="cars" id="cars" title="Cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
</select>

From the user’s perspective, What they see on the desktop.