angularjs - Angular-Material: Tabs Performance with IE -
when use content, performance when using internet explorer poor. improved when upgraded angular-material 0.11.1, still poor (content consists of md-lists, no tab has more 12 items..). performance gets worse if need use md-dynamic-height directive.
/*update: ********* added fiddle see fiddle ie , chrome comparison*/ https://jsfiddle.net/72fxcg1m/1/
so have 2 ideas:
(1) there way load tab content only, if tab should present active?
like have 4 tabs each containing 5 items:
page load: tab 1 active, content loaded. content of tab 2,3,4 not part of dom yet.
user clicks tab 3
- content of tab 1 removed
- tab-change animation
- tab-change animation finished: content of tab3 gets added dom (we use kind of loading animation here..)
- show content user
(2) adjust height before content gets shown
- first change animation
- load content
- adjust height of container
- show content user
Comments
Post a Comment