title: Fade transitions not working as expected
body: <p>I started trying out transitions with TransitionManager and Scenes.
  What I am trying to do is having 3 arbitrary, completely unrelated layouts and simply fade them out completely and then fade them in (not crossfade, just sequential fade out and fade in). 
  So Scenes: A->B->C. A is prepopulated on activity layout with include tag.</p>
  
  <p>What happens is:</p>
  
  <ul>
  <li>Scene A fades out; </li>
  <li>Scene B fades in;</li>
  <li>Scene B dissappears without fading; (WRONG BEHAVIOUR)</li>
  <li>Scene C fades in;</li>
  </ul>
  
  <p>My past experiences with shared element transitions make me believe this is all about layouts and proper targeting. Since this is not about shared element but whole Scenes I would like to target all of the layout elements no matter what they are and what their IDs are. Anyway below is the full listing of all relevant code and XMLs.</p>
  
  <p>Method called for starting the sequence:</p>
  
  <pre><code>@OnClick(R.id.transition_start)
  protected void playSceneB(Button b) {
      final Scene scene_b = Scene.getSceneForLayout(mSceneContainer, R.layout.scene_b, this);
      final Transition transition = TransitionInflater.from(this)
              .inflateTransition(R.transition.transition);
      transition.addListener(mTransitionListener);
      TransitionManager.go(scene_b, transition);
  }
  </code></pre>
  
  <p>Listener:</p>
  
  <pre><code>private Transition.TransitionListener mTransitionListener = new EndTransitionListener() {
      @Override
      public void onTransitionEnd(Transition transition) {
          playSceneC();
      }
  
      @Override
      public void onTransitionCancel(Transition transition) {
          playSceneC();
      }
  };
  </code></pre>
  
  <p>Method for starting Scene C</p>
  
  <pre><code>private void playSceneC() {
      final Scene scene_c = Scene.getSceneForLayout(mSceneContainer, R.layout.scene_c, this);
      final Transition transition = TransitionInflater.from(this)
              .inflateTransition(R.transition.transition);
      TransitionManager.go(scene_c, transition);
  }
  </code></pre>
  
  <p>The transition (same for both scene changes):</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;transitionSet
      xmlns:android="http://schemas.android.com/apk/res/android"
      android:startDelay="4000"
      android:transitionOrdering="sequential"&gt;
  
      &lt;fade
          android:duration="2000"
          android:fadingMode="fade_out"/&gt;
      &lt;fade
          android:duration="2000"
          android:fadingMode="fade_in"/&gt;
  
  &lt;/transitionSet&gt;
  </code></pre>
  
  <p>And the layouts (layout A and B are the same, they just have different string set on the textview):</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;FrameLayout android:id="@+id/container"
      xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="match_parent"&gt;
  
      &lt;FrameLayout
          android:id="@+id/background"
          android:layout_width="match_parent"
          android:layout_height="match_parent"&gt;
  
          &lt;TextView
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_gravity="center"
              android:text="@string/hello"/&gt;
      &lt;/FrameLayout&gt;
  &lt;/FrameLayout&gt;
  </code></pre>
  
  <p>Layout C:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;FrameLayout android:id="@+id/container"
      xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="match_parent"&gt;
  
      &lt;FrameLayout
          android:id="@+id/background"
          android:layout_width="match_parent"
          android:layout_height="match_parent"&gt;
  
          &lt;LinearLayout
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:orientation="horizontal"&gt;
  
              &lt;ImageView
                  android:layout_width="0dp"
                  android:layout_height="wrap_content"
                  android:layout_gravity="center_vertical"
                  android:layout_weight="1"
                  android:src="@mipmap/ic_launcher"/&gt;
  
              &lt;TextView
                  android:layout_width="0dp"
                  android:layout_height="wrap_content"
                  android:layout_gravity="center_vertical"
                  android:layout_weight="1"
                  android:text="@string/hello3"/&gt;
          &lt;/LinearLayout&gt;
      &lt;/FrameLayout&gt;
  &lt;/FrameLayout&gt;
  </code></pre>
  
  <p>Note. I expect to make it work on KitKat.</p>
  
  <p>Edit: I tried making it with AutoTransition, both from XML and code and it didn't work. Also tried calling it as TransitionManager.beginDelayedTransition with manually calling Scene.enter() and it still behaves the same.</p>
  
  <p>Edit2: I have added listener to both transitions to log callbacks.</p>
  
  <ul>
  <li>07-31 09:18:57.490 4744-4744/com.test.transition
  D/TransitionActivity: onTransitionStart</li>
  <li>07-31 09:19:01.520 4744-4744/com.test.transition
  D/TransitionActivity: onTransitionEnd</li>
  <li>07-31 09:19:01.520 4744-4744/com.test.transition
  D/TransitionActivity: onTransitionPause</li>
  <li>07-31 09:19:01.520 4744-4744/com.test.transition
  D/TransitionActivity: 2nd transition start</li>
  <li>07-31 09:19:03.530 4744-4744/com.test.transition
  D/TransitionActivity: 2nd transition end</li>
  </ul>
  
  <p>Please note the timings. First ends after 4s duration. 2nd ends 2 seconds after start (just fade in, fade out was ommited)</p>