title: Meaning of outlined boxes in chrome timeline
body: <p>What is the difference between a solid (1) and an "outlined" (2) paint event in the Chrome timeline?</p>
  
  <p>Why could I be getting nested (3) paint events?</p>
  
  <p><img src="https://i.stack.imgur.com/4SSSy.png" alt="Pathological timeline"></p>
  
  <p><strong>Update:</strong> </p>
  
  <p>Seems to indicate that the paint was "asynchronous": not executed during the Javascript phase. But if so, why is there no dimension information for these "outlined" paints. And again, why the nesting? Further reading appreciated!</p>
  
  <p><img src="https://i.stack.imgur.com/QxzQH.png" alt="enter image description here"></p>