title: Floating Action Button not overlapping Bottom Sheet
body: <p>I have the problem that my Floating Action Button is not overlapping over the Bottom Sheet in a Coordinator Layout. How can I solve this problem? The underlying layout is a Map Fragment. </p>
  
  <p><a href="https://i.stack.imgur.com/AXr21.png" rel="nofollow noreferrer">The layout looks like this</a></p>
  
  <p>The XML looks a following:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;android.support.design.widget.CoordinatorLayout
      xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto"
      xmlns:tools="http://schemas.android.com/tools"
      android:layout_width="match_parent"
      android:layout_height="match_parent"&gt;
  
      &lt;android.support.design.widget.FloatingActionButton
          android:id="@+id/floatingActionButtonAdd"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_marginTop="-32dp"
          android:layout_gravity="end|top"
          android:src="@drawable/ic_add_white_48dp"
          app:backgroundTint="@color/colorPrimary"
          app:borderWidth="0dp"
          app:elevation="4dp"
          app:fabSize="normal"/&gt;
  
      &lt;LinearLayout
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:orientation="vertical"
          android:id="@+id/linear_layout_bottom_sheet"&gt;
  
          &lt;!-- include bottom sheet --&gt;
          &lt;include layout="@layout/bottom_sheet_peek" /&gt;
  
          &lt;!-- include main content --&gt;
      &lt;include layout="@layout/bottom_sheet_content" /&gt;
  
      &lt;/LinearLayout&gt;
  &lt;/android.support.design.widget.CoordinatorLayout&gt;
  </code></pre>