Default bulma radio not showing

[flick36]

Overview of the problem

The default bulma radios invisible

Buefy version: [0.5.1]
Vuejs version: [2.4.2]
OS/Browser: Chrome 60.0.3112.113

Description

That's it, the default radios of bulma doesn't show in any browser, cause the buefy component modify the parent class

Steps to reproduce

Make a default bulma radio or checkbox

<div class="control">
  <label class="radio">
    <input type="radio" name="answer">
    Yes
  </label>
  <label class="radio">
    <input type="radio" name="answer">
    No
  </label>
</div>

Expected behavior

To show the default checkbox

Actual behavior

Shows nothing

[jtommy]

@flick36 What's the problem about b-radio ?
<b-radio name="answer">Yes</b-radio> It isn't enough?

[flick36]

Well sometimes i don't want to use the buefy component, cause i have static pages that don't have vuejs and i want to use the default bulma one,

[jtommy]

@flick36 I don't know your project structure but you might import buefy css only to certain pages.

[flick36]

@jtommy I think it doesn't have to matter how the project is structured, but rather a matter of choose if sometimes you just want the default radio/checkbox or any other component that bulma offers i think buefy shouldn't override default classes 🤷‍♂️

[chasegiunta]

Same issue. You'd think Bueify components would be applying any styles that override/conflict with native bulma classes, not Bueify's css.

[Tirke]

While waiting for the fix you can copy/paste the html output from buefy to have a native checkbox/radio with buefy styles. It's a good compromise I use quite often because there is one nasty bug with b-checkbox on Firefox.

[kamaladenalhomsi]

same issue here, here is my code:
<b-radio v-model="radio" native-value="info" type="is-info">Info</b-radio>
ouput
https://i.imgur.com/56sd5JR.png