Skip to content
This repository has been archived by the owner on Jun 11, 2024. It is now read-only.

Doesn't seem to work if checkbox is nested inside label? #1

Closed
ctolkien opened this issue Aug 23, 2017 · 5 comments
Closed

Doesn't seem to work if checkbox is nested inside label? #1

ctolkien opened this issue Aug 23, 2017 · 5 comments
Assignees
Labels

Comments

@ctolkien
Copy link

I'm not getting the checkbox to show if a label wraps the checkbox element.

@Wikiki
Copy link
Owner

Wikiki commented Aug 24, 2017

Hi,

you're right it's a bug. I'll correct this soonly.

Thanks

@Wikiki Wikiki added the bug label Aug 24, 2017
@Wikiki Wikiki self-assigned this Aug 24, 2017
@Wikiki
Copy link
Owner

Wikiki commented Aug 24, 2017

Hi again,

sorry, but I had a look and unfortunately I can't design the label based on the input status (checked / unchecked) with the default Bulma structure.
CSS doesn't have selector for parentNode. If we want to do it we have to use JavaScript.

So I have to use the following structure in order to have it working:

<div class="field">
  <input class="is-checkbox" id="exampleCheckbox" type="checkbox" name="exampleCheckbox">
  <label for="exampleCheckbox">Check me</label>
</div>

@Wikiki Wikiki closed this as completed Aug 24, 2017
@ctolkien
Copy link
Author

Thanks for the update.

@michaelhamor
Copy link

I may be mistaken, but using the current documentation I ran into the same problem. Tried this solution and it worked.

Does the bulma.io documentation need updating?

@Aadv1k
Copy link

Aadv1k commented Mar 10, 2023

It seems this issue still prevails! I am just leaving this comment here to get it noticed

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

No branches or pull requests

4 participants