title: Struggling with CoordinatorLayout anchor
body: <p>I have went through every question on Stack Overflow to place a view at the intersection of two layouts (ultimate question: <a href="https://stackoverflow.com/questions/24459352/how-can-i-add-the-new-floating-action-button-between-two-widgets-layouts?noredirect=1&amp;lq=1">How can I add the new &quot;Floating Action Button&quot; between two widgets/layouts</a>) but I am seeing strange behavior while using the suggested answer.</p>
  
  <p>My circularView always gets placed at top left corner of cardView, and I am not sure why this is happening. Please find the xml below:</p>
  
  <pre><code>&lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:tools="http://schemas.android.com/tools"
      xmlns:app="http://schemas.android.com/apk/res-auto"
      android:id="@+id/activity_main"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:orientation="vertical"
      tools:context="com.phandaarpit.androidrecyclertutorial.MainActivity"&gt;
  
      &lt;android.support.v7.widget.CardView
          android:layout_width="match_parent"
          android:layout_height="250dp"
          app:cardUseCompatPadding="true"
          app:cardCornerRadius="5dp"&gt;
  
          &lt;android.support.design.widget.CoordinatorLayout
              android:layout_width="match_parent"
              android:layout_height="match_parent"&gt;
              &lt;LinearLayout
                  android:layout_width="match_parent"
                  android:layout_height="wrap_content"
                  android:orientation="vertical"&gt;
                  &lt;TextView
                      android:id="@+id/im_pic"
                      android:layout_width="match_parent"
                      android:layout_height="150dp"
                      android:background="?attr/colorControlHighlight"
                      /&gt;
                  &lt;LinearLayout
                      android:layout_width="match_parent"
                      android:layout_height="wrap_content"
                      android:orientation="vertical"&gt;
                      &lt;TextView
                          android:id="@+id/profile_title"
                          android:layout_width="wrap_content"
                          android:layout_height="wrap_content"
                          android:text="Hello World!" /&gt;
                      &lt;TextView
                          android:id="@+id/profile_sub_title"
                          android:layout_width="wrap_content"
                          android:layout_height="wrap_content"
                          android:text="Hello World!" /&gt;
                  &lt;/LinearLayout&gt;
              &lt;/LinearLayout&gt;
  
              &lt;android.support.design.widget.FloatingActionButton
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:elevation="2dp"
                  app:layout_anchor="@id/im_pic"
                  app:layout_anchorGravity="bottom|left"/&gt;
          &lt;/android.support.design.widget.CoordinatorLayout&gt;
      &lt;/android.support.v7.widget.CardView&gt;
  
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>I am trying to populate this view into RecyclerView and i am getting the below output. FAB is completely out of order on some and placed correctly on some.</p>
  
  <p><a href="https://i.stack.imgur.com/KHXHT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KHXHT.png" alt="Output from the code"></a></p>