[b-alert] Dismissible alerts cannot be resused

So I’m trying so use a single alert component in a parent vue component. Children pass up messages, and the parent resets the content and show value on the alert. I can’t get the alert to re-show because the show value in the parent isn’t updated when using the countdown. I try updating the show value with the dismiss countdown event, but that doesn’t work after I dismiss an alert.

https://jsfiddle.net/alexsasharegan/zrdur2cp/

• Try dropping a msg into the input, letting it self-dismiss. All good.
• Now try the other btn. Should be good.
• Now fire a btn and dismiss. Should close.
• Now fire another btn. DOA

[TonBits]

Able to replicate this on the main documentation page using Chrome

https://bootstrap-vue.js.org/docs/components/alert/

Steps to replicate easily 1.) Click on the “Show alert with count-down timer” button 2.) Click the X mark quickly (less than a second after clicking the button above) 3.) Clicking the button again will not display the alert anymore.

This has something to do with the timing with the dismiss countdown timer.

[tmorehouse]

PR’s #897 (0.x dev branch) and #898 (1.x branch) should address this.

The main root cause was actually the demo not listening to @dismissed and resetting the dismissCountDown value to 0.

What was happening is that dismissCountDown didn’t change when dimissed was called before the first second elapsed, So the dismissCountDown var still had a value that was the same as it was originally (the initial countdown value). So trying to set show to this value again never triggered the show watcher.

But these PRs also will emit a dismiss countdown event with value of 0 when dismissed is called as well, as a just in case.

I’ve re-enabled the dismiss button on auto-dismissing alerts.