title: Startview visible above endview in MaterialContainerTransform
body: <p>I'm learning transitions in Android with Material Motion. Following the documentation and the sample app, Reply, I have managed to implement a container transformation between a FAB and a new fragment. The thing is, the FAB is above the new fragment until the transition ends, resulting in the following visual bug.</p>
  <p>Code for managing the transition:</p>
  <pre><code>enterTransition = MaterialContainerTransform().apply {
              startView = newRecipeBtn
              endView = binding.recipePager
              scrimColor = Color.TRANSPARENT
              duration = resources.getInteger(R.integer.motion_duration_large).toLong()
              startContainerColor = resources.getColor(R.color.secondaryColor)
              containerColor = resources.getColor(R.color.colorSurface)
              endContainerColor = resources.getColor(R.color.colorSurface)
          }
          returnTransition = Slide().apply {
              addTarget(R.id.recipe_pager)
              resources.getInteger(R.integer.motion_duration_large).toLong()
          }
  </code></pre>
  <p><a href="https://i.stack.imgur.com/GLOLM.gif" rel="nofollow noreferrer">MaterialContainerTransition</a></p>
  <p>As you can see I have already change the colors for the start and end containers as the documentation suggest in case they have different background colors.
  Hope someone can guide me in the right directions cause I'm a bit lost right now.</p>