Icon checkbox disappears when checked on ios

[gingerchew]

So I was creating a form and the mock called for a checkbox similar to what was available in your library (which by the way is awesome).

But when I tested it on my phone, the icons on the icon checkboxes will disappear when checked. This also happens on the github page for the library.

Was wondering if there is anything I can do to help.

This is the mark up

<div class="pretty p-icon p-plain p-smooth">
    <input type="checkbox" name="placeholders[]" value="[[+placeholder]]"  class="collapse-switch">
    <div class="state p-primary-o">
        <i class="icon fa fa-check"></i>
        <label>[[+placeholder]]</label>
    </div>
</div>

I can add screenshots or screen recordings as well

[superbiche]

@connor-wilson-dev having the same issue on iOS. The issue is with p-smooth : seems the animation runs twice on iOS, resulting in a opacity: 0.0055445xxxx calculated in Safari DevTools. Removing the p-smooth as a workaround for now until I find some documentation about this weird iOS behavior

[riede]

+1

I've got the same issue in Safari on a Mac. Removing p-smooth solves the problem, too.

@superbiche Do you already found a solution? If not, look at this: https://stackoverflow.com/questions/44027294/unexpected-animation-behaviour-in-safari. It might be the same problem.

[miladfm]

I found same issue in Safari on a Mac.