title: UITableView animation glitch when deleting and inserting cells with varying heights
body: <p>I am having a problem with the animation that UITableView provides when deleting and inserting a cell at the same time. 
  I have a list of cells lets call them questions. When one question is tapped it should add a cell beneath itself to display the answer to that question. If another answer is already being displayed that answer should be removed from the table. 
  The issue arises when the cell being inserted is very tall. If it is so tall that it's eventual bounds encroach into the space that the cell to be deleted takes up then during the animation we see the through the answer cell that we are deleting to see the cell that is being added</p>
  
  <p><a href="https://vimeo.com/58063609" rel="nofollow">(see link to video of problem)</a></p>
  
  <p>the is what my code looks like to move around the cells in the table view</p>
  
  <pre><code>[tableView beginUpdates];
  
  if (deleteIndex) {
      [tableView deleteRowsAtIndexPaths:@[deleteIndex] withRowAnimation:UITableViewRowAnimationTop];
  }
  if (addIndex) {
  [tableView insertRowsAtIndexPaths:@[addIndex] withRowAnimation:UITableViewRowAnimationTop];
  }
  
  [tableView endUpdates];
  </code></pre>
  
  <p>I have tried </p>
  
  <pre><code>[tableView beginUpdates];
  
  if (deleteIndex) {
      [tableView deleteRowsAtIndexPaths:@[deleteIndex] withRowAnimation:UITableViewRowAnimationTop];
  }
  [tableView endUpdates];
  
  //do stuff to update data source
  
  [tableView beginUpdates];
  
  if (addIndex) {
  [tableView insertRowsAtIndexPaths:@[addIndex] withRowAnimation:UITableViewRowAnimationTop];
  }
  
  [tableView endUpdates];
  </code></pre>
  
  <p>But because there's no callback confirming that the table view did complete the first set update before starting the second block pretty much the same problem occurs. I know I could use perform selector with delay, but this seems like a bandaid.</p>
  
  <p>Second I tried to encompass the animation in a block like this</p>
  
  <pre><code>[UIView animateWithDuration:0.0 animations:^{
      [tableView beginUpdates];
  
      if (deleteIndex) {
          [tableView deleteRowsAtIndexPaths:@[deleteIndex] withRowAnimation:UITableViewRowAnimationTop];
      }
      [tableView endUpdates];
  
      //do stuff to update data source
  
  } completion:^(BOOL finished) {
  
      [tableView beginUpdates];
  
      if (addIndex) {
          [tableView insertRowsAtIndexPaths:@[addIndex] withRowAnimation:UITableViewRowAnimationTop];
      }
  
      [tableView endUpdates];
  }];
  </code></pre>
  
  <p>Again, because the completion block is fired after we call endUpdates not after the updates actually complete this does not resolve the use.</p>
  
  <p>I also went into storyboard to be sure that clip subviews to bounds is selected for the cells. Again, this does not resolve the issue because we are not seeing a subview of the cell expand beyond it's expected height.</p>
  
  <p>Looking closer at the animation by slowing it down it looks like apple inserts the cell to be added under the cells that won't be changed in the table and then moves the cells that will remain into their new positions. As a result the cell that was deleted becomes a transparent window where we see what they are actually doing under the hood.</p>