angularjs - iPad radio button issue within ionic popover -


i using radio buttons in popover create dropdown type filter app.

when use ipad radio buttons go haywire! works on every other device.

best illustration in video

https://www.youtube.com/watch?v=begkz4us8hq

here code:

<script id="templates/popover.html" type="text/ng-template">     <ion-popover-view>         <ion-content>             <div class="item bar-header bar-positive">                 <h2 class="title">difficulty</h2>             </div>             <label class="item item-radio">                 <input type="radio" ng-model="filter.difficulty" value="" name="group">                 <div class="item-content">                                     </div>                 <i class="radio-icon ion-checkmark"></i>             </label>             <label class="item item-radio">                 <input type="radio" ng-model="filter.difficulty" value="easy" name="group">                 <div class="item-content">                     easy                 </div>                 <i class="radio-icon ion-checkmark"></i>             </label>             <label class="item item-radio">                 <input type="radio" ng-model="filter.difficulty" value="medium" name="group">                 <div class="item-content">                     medium                 </div>                 <i class="radio-icon ion-checkmark"></i>             </label>             <label class="item item-radio">                 <input type="radio" ng-model="filter.difficulty" value="hard" name="group">                 <div class="item-content">                     hard                 </div>                 <i class="radio-icon ion-checkmark"></i>             </label>             <label class="item item-radio">                 <input type="radio" ng-model="filter.difficulty" value="expert" name="group">                 <div class="item-content">                     expert                 </div>                 <i class="radio-icon ion-checkmark"></i>             </label>         </ion-content>     </ion-popover-view> </script> 

and displayed using this:

        <button class="button button-positive button-small col col-20 icon-left ion-connection-bars filter-button" ng-click="popover.show($event)">             {{filter.difficulty || 'all'}}         </button> 

many can help.


Comments

Popular posts from this blog

dns - How To Use Custom Nameserver On Free Cloudflare? -

python - Pygame screen.blit not working -

c# - Web API response xml language -