button with icon does not show icon

[Leftyx]

Overview of the problem

Buefy version: 0.8.11
Vuejs version: 2.6.11
OS/Browser: ALL

Description

Latest version of Buefy breaks the rendering of a b-button with b-icon inside (I need a button without borders).

<b-button type="is-text">
     <b-icon icon="delete" type="is-success" />
</b-button> 

Steps to reproduce

1. Open this codepen
2. Reference latest buefy version 0.8.11 (https://unpkg.com/buefy@0.8.11/dist/buefy.min.js)
3. Render page

Expected behavior

Actual behavior

It was working fine until version 0.8.10.

[service-paradis]

I had the same problem yesterday having a button that contains only a single HTML element.

<b-button>
  <span>{{ displayedText }}</span>
</b-button>

codepen example

My workaround for those case right now is yo add another empty an not useful element...

<b-button>
  <span>{{ displayedText }}</span><span></span>
</b-button>

[Leftyx]

I can see there are loads of workarounds in place.
I am worried cause every time there is a new version something breaks.

[service-paradis]

There are 6 workaround right now. Some of them are more related to Bulma than to Buefy. I dont think this is a lot.
Some of them (2 as I know) are already being checked out.

[jtommy]

@Leftyx I really apologize it was my fault during an internal test

[Leftyx]

@Leftyx I really apologize it was my fault during an internal test

@jtommy That's ok. I was a little bit annoyed cause my client found the issue so I had to quickly revert the changes.

[jtommy]

@Leftyx I know, and i'm sorry but I'll fix it soon

[holtolee]

If you put content in your button with a slot or more complex things like transition it is broken too.

[jtommy]

Close 9b15e7c