Closed
Description
Describe the bug
When migrating to bootstrap-vue-next, I noticed that in the following example the button in the flex container with justify-content-between set will be shifted to the left:
<template>
<div style="margin: 10vw; border: 1px solid grey">
<div class="d-flex justify-content-between align-items-center">
Kurse VGS 1
<BButton v-b-tooltip="'test'" size="sm" class="btn-smaller">
Test
</BButton>
</div>
</div>
</template>
This is due to a placeholder <span>-element being added by the v-b-tooltip directive after the triggering button.
Reproduction
https://stackblitz.com/edit/github-76t6sp?file=src%2FApp.vue
Used Package Manager
npm
Validations
- Have tested with the latest version. This is still alpha version and sometime things change rapidly.
- Follow our Code of Conduct
- Read the Contributing Guide.
- Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
- Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
- The provided reproduction is a minimal reproducible of the bug.