Checkbox work only once

[RomainLanz]

Hi everyone,

I have got a weird problem with Safari, Firefox and Chrome about checkboxes.

They work but I can only see one time the tick.

Example:

• [x] Checkbox // Click -> $scope.checked = false;
• [ ] Checkbox // Click -> $scope.checked = true;
• [x] Checkbox // Click -> $scope.checked = false;
• [x] Checkbox // Click -> $scope.checked = true;
• etc.

I have take a look in the source code, all seems fine. I have also watch the element to see any modifications. Value of the element is correct, when $scope.checked = true the element has checked="checked".

Have you any ideas?

Thanks.

[stevenkampen]

@RomainLanz Can you post your exact markup? I can't reproduce it offhand.

[RomainLanz]

Sure.

So this is one of my checkbox:

<div class="field">
    <sm-checkbox ng-model="vm.newPressRelease.publishOnHome">Home page</sm-checkbox>
</div>

It's mapped on a simple blank object

vm.newPressRelease = {};

When checkboxes are already checked, I can uncheck them, but can't check them again (visualy).

[m0t0r]

@stevesherrie, @RomainLanz any updates in here ?

[stevenkampen]

@m0t0r Oh yeah I stalled on this. Let me check it out now.

[stevenkampen]

@RomainLanz I can't reproduce with your snippets. Can you share a more complete example? A CodePen maybe?

[asubota]

Hi all! I faced with the same problem. This PR should fix it. It worked for me.

[m0t0r]

Thanks, @asubota