bulma-switch: Bug display

Hi I know an issue has been opened and closed already but I get the same bug,

The stylesheet is linked and here is my code :

<div class="field"> <input id="switchRoundedDefault" type="checkbox" name="switchRoundedDefault" class="switch is-rounded" checked="checked"> <label for="switchRoundedDefault">Switch rounded default</label> </div>

What’s the problem thanks ^^

About this issue

Original URL
State: open
Created 5 years ago
Comments: 28 (4 by maintainers)

Most upvoted comments

Same problem here: Chrome 78 and Bulma 0.8.0. Workaround: Use earlier version: https://github.com/Wikiki/bulma-switch/blob/8c20fa23fbc697d70a2e3d886c872a328afab202/dist/css/bulma-switch.min.css

Nonononoki on Dec 29, 2019

Same problem - latest versions of Chrome, bulma and npm - and switches just switch the color, without that nice animation 😃

BarGillNVLab on Jul 3, 2019

Hi,

Thanks @murilobd it’s merged. I’ll update npm before the end of the week

Wikiki on May 13, 2019

Was using bulma-extensions and had the same issue, “solved” by using the individual bulma-switch package found here: bulma-switch.

Seems there is a little version mismatch between the bundled extensions and the individual component.

Belgian93 on Jul 15, 2019

same problem. fixed it this way.

index.sass L14:L16

$paddle-height: calc($switch-height - ($switch-paddle-offset * 2))
$paddle-width: calc($switch-height - ($switch-paddle-offset * 2))
$paddle-active-offest: cacl($switch-width - $paddle-width - ($switch-paddle-offset * 1.5))

↓

$paddle-height: $switch-height - ($switch-paddle-offset * 2)
$paddle-width: $switch-height - ($switch-paddle-offset * 2)
$paddle-active-offest: $switch-width - $paddle-width - ($switch-paddle-offset * 1.5)

‘cacl’…😮

solomon77 on May 12, 2019