Attendance Camera is not working on Mobiles and some browsers

[TechAbout]

Punchin and Punch out camera is not working on mobiles. Please fix it asap.

[thilinah]

Please let us know, on which mobile devices it's not working. Please remember to mention mobile device OS and browser version.

[melodiazz]

Was having this issue for myself, somehow the snap button couldn't be clicked on mobile browser. Here's what I did

edit /core/modules/attendance/templates/form_template.html

go to line 8

change this

        <div class="col-sm-2">

            <button style="margin-top:90px;" class="attendnaceSnap btn btn-primary pull-right"><i class="fa fa-camera"></i></button>
        </div>

to this :

            <div class="col-sm-2">
        <button type="button"  style="margin-top:90px;" onclick="getphoto();" label="test"> <i class="fa fa-camera" onclick="getphoto();"> </i></button>

            <button style="margin-top:90px; display:none" class="attendnaceSnap btn btn-primary pull-right"><i class="fa fa-camera"></i></button>
            <script>
            function getphoto() {
        $(".attendnaceSnap").click()
                }
                </script>

        </div>