I am building an Android application using Angularjs, Angular and Cordova materials. Can anyone help on the following issues. Can anyone suggest tips / tricks to improve / fix below points?
Problem ~ 1: Animation is very very slow on an Android device. Basically the ripple effects / animations given to the md button are slow. See below html. Code:
<div> <md-content> <md-list> <md-item ng-repeat="item in tags"> <md-item-content> <md-button class="md-grid-item-content tile" aria-label="{{item.name}}" ui-sref="crop({cropId: item.id})"> <div class="md-tile-center"> <img ng-src="{{item.imageSource}}" class="face" alt="{{item.name}}" height="64" width="64"> </div> </md-button> <div class="md-tile-content"> <h3>{{item.name}}</h3> <h4>{{item.text}}</h4> </div> </md-item-content> </md-item> </md-list> </md-content> </div>
Problem ~ 2: A few clicks on the md button make the application not responding. It does not give intuition which button is active or focused.
Problem ~ 3: I noticed that with the Crome browser on the laptop there are several problems for the demo site ( https://material.angularjs.org ), the md-button icons are not displayed. However, the same thing works in firefox. Maybe md-icon has changed in the new build?
See: Git issue 1177
source share