Inside the ng-repeat, there is an input checkbox structured like this:
<div class="provisions">
<label ng-repeat="(key, value) in data">
<div class="innerProvision">
<input class="provisionCheck" type="checkbox"
ng-model="proValue" ng-change="change(key,proValue)"
ng-value="value" ng-click="enable($event,proValue);">
<span>
<i class="fa fa-check-square-o" ng-show="toggle"> </i>
<i class="fa fa-square-o" ng-hide="toggle"> </i>
</span>
<h5> {{value.label}}</h5></li>
</div>
</label>
</div>
The input box is set to 100% width and 175px height to function as a button, even though I require it to gather form data...
While this setup works smoothly on a desktop, issues arise on mobile devices where the input does not respond unless I tap repeatedly or randomly until something triggers it (with no specific tap pattern). Any insights into why this occurs or fails to happen? I utilize ng-change to retrieve the Boolean value and ng-click to activate a style change. However, neither of these functions as expected on mobile compared to desktop.
Your help is essential in resolving this issue, any insights are welcomed!