Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

FormCheckbox switch style is broken

See original GitHub issue

This used to work in 0.1.13 https://cdmoro.github.io/bootstrap-vue-3/components/FormCheckbox.html#individual-checkbox-switch-style

form-switch needs to be added to <div class="form-check form-switch"> https://getbootstrap.com/docs/5.2/forms/checks-radios/#switches

Issue Analytics

State:
Created a year ago
Comments:12

Top GitHub Comments

2reactions

VividLemoncommented, Aug 9, 2022

This is taking a bit longer then expected. You can view some of the commits in https://github.com/VividLemon/bootstrap-vue-3/tree/master , it contains a few updates that are not limited to this issue. While attempting to strongly type the composable that caused this error, I stumbled onto needing to fix the Aria-invalid props. In some places, they were different than in others. In some places, they are not resolved the same as in others. In some, the “grammar” and “spelling” invalid attributes are not allowed. (In mdn, they are "grammar" | "spelling" | Booleanish)

0reactions

VividLemoncommented, Aug 10, 2022

I believe so

Top Results From Across the Web

bootstrap checkbox broken style · Issue #841 - GitHub

I have updated bootpresso with the current version of bootstrap, adding switches among others. You have to fetch the new impresso-theme/dist/css ...

Change the background color of b-form-checkbox-group

The main problem was, I was trying to change the checkbox ... That was not working as styles for b-form-checkbox-group were global scoped....

Solved: Marketo form checkbox styling issue - Marketing Nation

I looked into your lp-form style sheet. It seems like removing width: 100% !important; (from the section seen below, line 75 I believe)...

Elementor & Oceanwp – Form Checkbox Not Displaying

Hi,. OceanWp CSS is overriding settings in Elementor when using the elementor Form > Checkbox. When you insert a Form from Elementor and...

<input type="checkbox"> - HTML: HyperText Markup Language

A Boolean attribute indicating whether this checkbox is checked by default (when the page loads). It does not indicate whether this checkbox is ......