title: What is the sequencing between CSS and Javascript
body: <p>I have a weird intermittent bug that occurs after populating a list embedded in a swiper. Essentially I am getting an overflow of the last element of the list over a footer.  </p>
  
  <p>The strange things is that it appears some time after I have finished inserting the last node and in fact after I have called the swiper reninitialiser.  </p>
  
  <p>If I trigger a resize event it fixes itself - but only if I wait between 500ms to 2s after I have called the swiper reinit.</p>
  
  <p>And to make it all very interesting the amount of the overlap varies all the time.</p>
  
  <p>Which makes me wonder if what I am seeing is the javascript populating the list and calling the swiper reinit and then somewhere in the bowels of firefox and chrome all the styles are being applied which is causing the overflow.</p>
  
  <p>I don't really want to use a timer related trigger - because of different user CPU speeds. and I don't want to use a keep trying it until it does - because sometimes it doesn't occur at all.</p>
  
  <p>Anyway does anyone have the 60 second lecture of when CSS is applied in relation to javascript - and would there by chance be some event that tells me it is complete so I can check the divs after it has all been resized?</p>