title: Why collapsing toolbar title is under toolbar?
body: <p>My activity design like below:</p>
  
  <pre><code>&lt;android.support.design.widget.AppBarLayout
      android:id="@+id/movie_detail_appbar"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:fitsSystemWindows="true"
      android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"&gt;
  
      &lt;android.support.design.widget.CollapsingToolbarLayout
          android:id="@+id/movie_detail_collapsing_toolbar"
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:fitsSystemWindows="true"
          app:contentScrim="?attr/colorPrimary"
          app:layout_scrollFlags="scroll|exitUntilCollapsed"&gt;
  
          &lt;ImageView
              android:id="@+id/movie_detail_header_image"
              android:layout_width="match_parent"
              android:layout_height="250dp"
              android:fitsSystemWindows="true"
              android:scaleType="centerCrop"
              app:layout_collapseMode="parallax" /&gt;
  
          &lt;LinearLayout
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:layout_gravity="bottom"
              android:background="#99000026"
              android:fitsSystemWindows="true"
              android:orientation="horizontal"
              android:weightSum="10"&gt;
  
              &lt;ImageView
                  android:id="@+id/detail_movie_poster"
                  android:layout_width="90dp"
                  android:layout_height="110dp"
                  android:layout_margin="10dp"
                  android:layout_weight="1"
                  android:scaleType="centerInside"
                  android:src="@drawable/no_movie_image" /&gt;
  
              &lt;LinearLayout
                  android:layout_width="wrap_content"
                  android:layout_height="match_parent"
                  android:layout_weight="9"
                  android:orientation="vertical"&gt;
  
                  &lt;TextView
                      android:id="@+id/detail_movie_name"
                      android:layout_width="match_parent"
                      android:layout_height="wrap_content"
                      android:ellipsize="marquee"
                      android:focusable="true"
                      android:focusableInTouchMode="true"
                      android:marqueeRepeatLimit="marquee_forever"
                      android:singleLine="true"
                      android:textColor="@android:color/white"
                      android:textSize="26sp" /&gt;
  
                  &lt;TextView
                      android:id="@+id/detail_movie_original_name"
                      android:layout_width="match_parent"
                      android:layout_height="wrap_content"
                      android:textSize="16sp" /&gt;
  
                  &lt;TextView
                      android:id="@+id/detail_movie_genres"
                      android:layout_width="match_parent"
                      android:layout_height="wrap_content"
                      android:layout_marginTop="10dp"
                      android:singleLine="true"
                      android:textSize="14sp" /&gt;
  
              &lt;/LinearLayout&gt;
  
          &lt;/LinearLayout&gt;
  
          &lt;android.support.v7.widget.Toolbar
              android:id="@+id/movie_detail_toolbar"
              android:layout_width="match_parent"
              android:layout_height="65dp"
              android:fitsSystemWindows="true"
              app:layout_collapseMode="pin"
              app:popupTheme="@style/ThemeOverlay.AppCompat.ActionBar" /&gt;
  
  
      &lt;/android.support.design.widget.CollapsingToolbarLayout&gt;
  
  
      &lt;android.support.design.widget.TabLayout
          android:id="@+id/movie_detail_tabs"
          android:layout_width="match_parent"
          android:layout_height="?attr/actionBarSize"
          android:layout_gravity="bottom"
          app:tabIndicatorColor="@android:color/white"
          app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/&gt;
  
      &lt;/android.support.design.widget.AppBarLayout&gt;
  
      &lt;android.support.v4.view.ViewPager
          android:id="@+id/movie_detail_viewpager"
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          app:layout_behavior="@string/appbar_scrolling_view_behavior" /&gt;
  </code></pre>
  
  <p>But design happened like that. Collapsing toolbar title is under the toolbar.</p>
  
  <p><a href="https://i.stack.imgur.com/E0U60.png" rel="noreferrer"><img src="https://i.stack.imgur.com/E0U60.png" alt="enter image description here"></a></p>
  
  <p>Also I used this <code>initCollapsingToolbar()</code> for dynamically collapsing toolbar title : </p>
  
  <pre><code>private void initCollapsingToolbar() {
      final CollapsingToolbarLayout collapsingToolbar = (CollapsingToolbarLayout) findViewById(R.id.collapsing_toolbar);
  collapsingToolbar.setTitle(" ");
  AppBarLayout appBarLayout = (AppBarLayout) findViewById(R.id.appbar);
  appBarLayout.setExpanded(true);
  
  // hiding &amp; showing the title when toolbar expanded &amp; collapsed
  appBarLayout.addOnOffsetChangedListener(new AppBarLayout.OnOffsetChangedListener() {
      boolean isShow = false;
      int scrollRange = -1;
  
      @Override
      public void onOffsetChanged(AppBarLayout appBarLayout, int verticalOffset) {
          if (scrollRange == -1) {
              scrollRange = appBarLayout.getTotalScrollRange();
          }
          if (scrollRange + verticalOffset == 0) {
              Results results = intent.getParcelableExtra(Constant.PARCELABLE_MOVIE_TITLE);
                  collapsingToolbarLayout.setTitle(results.getTitle());
              isShow = true;
          } else if (isShow) {
              collapsingToolbar.setTitle(" ");
              isShow = false;
          }
         }
      });
  }
  </code></pre>