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

  1. content of tab 1 removed
  2. tab-change animation
  3. tab-change animation finished: content of tab3 gets added dom (we use kind of loading animation here..)
  4. show content user

(2) adjust height before content gets shown

  1. first change animation
  2. load content
  3. adjust height of container
  4. show content user


Comments

Popular posts from this blog

1111. appearing after print sequence - php -

java - WARN : org.springframework.web.servlet.PageNotFound - No mapping found for HTTP request with URI [/board/] in DispatcherServlet with name 'appServlet' -

Ruby on Rails, ActiveRecord, Postgres, UTF-8 and ASCII-8BIT encodings -