title: Nested RecyclerView : onBindViewHolder getting called infinitely
body: <p>Let's make this real simple. I've two model classes, <code>Category</code> and <code>Movie</code>.</p>
  
  <pre class="lang-kotlin prettyprint-override"><code>data class Category(
      val id: Long,
      val name: String,
      val movies: List&lt;Movie&gt;
  )
  
  data class Movie(
      val name : String
  )
  </code></pre>
  
  <p>Each category has multiple movies. So to render this data, I am using nested <code>RecyclerView</code>s. 
  <img src="https://i.imgur.com/cZppLfi.png" alt=""></p>
  
  <ul>
  <li><strong>The problem</strong></li>
  </ul>
  
  <p>When I turn the device to landscape mode, the <code>onBindViewHolder</code> of <code>MoviesAdapter</code> (nested recyclerview's adapter) getting called <strong>infinitely</strong>. (Note, the same code works perfectly fine in portrait mode )</p>
  
  <ul>
  <li><strong>What I tried</strong></li>
  </ul>
  
  <p>I've changed the <code>layout_width</code> of nested recyclerview's item to <code>200dp</code> from <code>120dp</code>, and that's fixed the infinite call in a device, but on a larger screen I had put higher value to fix it.</p>
  
  <p>I know this not an ideal solution, so I tried 'wrap_content` but it didn't work either. (same infinite call issue)</p>
  
  <ul>
  <li><p><strong>Questions</strong></p>
  
  <ol>
  <li>Why the <code>onBindViewHolder</code> getting called infinitely ?</li>
  <li>What's the perfect way to fix this issue ?</li>
  </ol></li>
  </ul>
  
  <p>As I don't want to flood the question feed with the code, I've hosted the <a href="https://drive.google.com/open?id=1LBZ-tL4ItbBIsnCpJlfAwMHUbVcvfz4i" rel="nofollow noreferrer"><strong>reproducible version here</strong></a> (code minimized for the sake of readability)</p>