I have a page built with external css and scripts .I added css to load in parallel and js to load one after another using aura iteration as below:

<!-- Bootstrap -->
    <ltng:require styles="/resource/CorporateCommunicationResources/corp-comm-ui-prototype/lib/bootstrap/css/bootstrap.min.css"/>
    <ltng:require styles="/resource/CorporateCommunicationResources/corp-comm-ui-prototype/lib/bootstrap/css/bootstrap-theme.min.css"/>
    
    <!-- Main CSS --> 
    <ltng:require styles="/resource/CorporateCommunicationResources/corp-comm-ui-prototype/css/font.css"/>
    <ltng:require styles="/resource/CorporateCommunicationResources/corp-comm-ui-prototype/css/jquery.ui.css"/>
    <ltng:require styles="/resource/CorporateCommunicationResources/corp-comm-ui-prototype/css/jqtransform.css"/>
    <ltng:require styles="/resource/CorporateCommunicationResources/corp-comm-ui-prototype/css/screen.css"/>

     <!-- scripts -->   
 
    <ltng:require scripts='/resource/CorporateCommunicationResources/corp-comm-ui-prototype/js/jquery-2.1.4.min.js,/resource/CorporateCommunicationResources/corp-comm-ui-prototype/js/jquery.jqtransform.js,/resource/CorporateCommunicationResources/corp-comm-ui-prototype/js/jquery-ui.js,/resource/CorporateCommunicationResources/corp-comm-ui-prototype/js/hammer.min.js,/resource/CorporateCommunicationResources/corp-comm-ui-prototype/js/jquery.hammer.js,/resource/CorporateCommunicationResources/corp-comm-ui-prototype/lib/bootstrap/js/bootstrap.min.js,/resource/CorporateCommunicationResources/corp-comm-ui-prototype/js/jquery.tablesorter.min.js,/resource/LoadData,/resource/Script' afterScriptsLoaded ="{!c.jsLoaded}" />



    

I have a component which uses aura:iteration multiple times as below:
 

<aura:iteration items="{!v.SomeListofList}" var="InsideList">
  <aura:iteration items="{!InsideList}" var="data">

     --- code  -----
   </aura:iteration>
</aura:iteration

When page load first time or if i open the browser console (Google Chrome) Then all components loads fine and css applies to it but if i refresh the app second time css breaks.Any help will be great.
 

I have a page built with external css and scripts .I added css to load in parallel and js to load one after another using aura iteration as below:

<!-- Bootstrap -->
    <ltng:require styles="/resource/CorporateCommunicationResources/corp-comm-ui-prototype/lib/bootstrap/css/bootstrap.min.css"/>
    <ltng:require styles="/resource/CorporateCommunicationResources/corp-comm-ui-prototype/lib/bootstrap/css/bootstrap-theme.min.css"/>
    
    <!-- Main CSS --> 
    <ltng:require styles="/resource/CorporateCommunicationResources/corp-comm-ui-prototype/css/font.css"/>
    <ltng:require styles="/resource/CorporateCommunicationResources/corp-comm-ui-prototype/css/jquery.ui.css"/>
    <ltng:require styles="/resource/CorporateCommunicationResources/corp-comm-ui-prototype/css/jqtransform.css"/>
    <ltng:require styles="/resource/CorporateCommunicationResources/corp-comm-ui-prototype/css/screen.css"/>

     <!-- scripts -->   
 
    <ltng:require scripts='/resource/CorporateCommunicationResources/corp-comm-ui-prototype/js/jquery-2.1.4.min.js,/resource/CorporateCommunicationResources/corp-comm-ui-prototype/js/jquery.jqtransform.js,/resource/CorporateCommunicationResources/corp-comm-ui-prototype/js/jquery-ui.js,/resource/CorporateCommunicationResources/corp-comm-ui-prototype/js/hammer.min.js,/resource/CorporateCommunicationResources/corp-comm-ui-prototype/js/jquery.hammer.js,/resource/CorporateCommunicationResources/corp-comm-ui-prototype/lib/bootstrap/js/bootstrap.min.js,/resource/CorporateCommunicationResources/corp-comm-ui-prototype/js/jquery.tablesorter.min.js,/resource/LoadData,/resource/Script' afterScriptsLoaded ="{!c.jsLoaded}" />



    

I have a component which uses aura:iteration multiple times as below:
 

<aura:iteration items="{!v.SomeListofList}" var="InsideList">
  <aura:iteration items="{!InsideList}" var="data">

     --- code  -----
   </aura:iteration>
</aura:iteration

When page load first time or if i open the browser console (Google Chrome) Then all components loads fine and css applies to it but if i refresh the app second time css breaks.Any help will be great.
 

Hi,
Are there UI components that handle lookup field selection, for example lookup from my custom object to an account? From experience this takes a lot of effort to implement and would seem like a very common use case. Maybe there is an open source version?

Thanks