Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://github.com/bootstrap-vue/bootstrap-vue/issues/5648 below:

[Tooltip] the binding string is empty string but itself still displays. · Issue #5648 · bootstrap-vue/bootstrap-vue · GitHub

After click, I set the title to empty string. I want to make the tooltip do not display but it still display a very small black rectangle.

Because I can see the tooltip only when i hover the buttom, so I try to move over and then move back -- now it work as I think.

So here is the question/bug: why at first when the value be empty, the tooltip still display (but small alright), and after I unhover and hover again it do not display as I want?

By the way, I like the emoji: 🐛 , it looks cute.

1. Go to set the b-buttom:

<template>
  <div>
    <b-button v-b-tooltip.hover.bottom :title="btn.title" @click="() => {btn.title = ''}">
  </div>
</template>

<script>
export default {
  name: 'test',
  data() {
    btn: {title: "init string"}
  }
}
</script>

1. Hover it, I see a tooltip contain string 'init string'.

2. Click it, I see a tooltip contain nothing but it still display. (just a smell black rentangle).

3. Unhover it and hover back, it does not display now. (this is what i want at step 3).

Please see step 4 of the subsesstion Steps to reproduce the bug.

Libraries:

(I do not know where it is, this is my package.json.

• BootstrapVue: <???>
• Bootstrap: ^5.0.0-alpha1
• Vue: ^2.6.11

Environment:

• Device: Mi Laptap
• OS: Windows 10
• Browser: Chrome
• Version: <???>

Link: CodeSandBox

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4