Android BottomSheet: Is hinding under the toolbar

I tried to use the new bottom sheet from the support library 23.2.0 to have a bottom sheet expand to full screen like suggested in the design guidelines

This works very good but the bottom sheet goes under my ActionBar and under my Tabs.
How is it possible to let it go over the toolbar? My menu is structured like this:

  • onContextItemSelected is not triggered when it is called from Dialog window
  • How to solve the XML parsing performance issue on Android
  • AlertDialog with selector
  • Issue converting URI to Bitmap (2014):
  • Google Play Staged Rollout with modified screenshots
  • Android apply style to custom TextView
  •     <android.support.design.widget.AppBarLayout
            android:id="@+id/appbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:paddingTop="@dimen/appbar_padding_top">
    
            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:background="?attr/colorPrimary"
                app:layout_scrollFlags="scroll|snap|enterAlways"
                app:popupTheme="@style/AppTheme.PopupOverlay"/>
    
            <android.support.design.widget.TabLayout
                android:id="@+id/tabs"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"/>
    
        </android.support.design.widget.AppBarLayout>
    
        <android.support.v4.view.ViewPager
            android:id="@+id/container"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_behavior="@string/appbar_scrolling_view_behavior"/>
    
        <include
            android:id="@+id/playerLayout"
            layout="@layout/player_main"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:behavior_peekHeight="?attr/actionBarSize"
            app:layout_behavior="@string/bottom_sheet_behavior"
            app:model="@{model}"/>
    
    </android.support.design.widget.CoordinatorLayout>
    

    enter image description here

    Related posts:

    java.lang.NullPointerException: Attempt to invoke virtual method on a null object reference
    Android Studio AAPT err: libpng error: Not a PNG file
    Android Universal App Approach
    Amazon AWS tutorials?
    Why is my animation leaving a trail?
    What are the limitations of HTML5 audio on Android and iOS?
  • AutoCompleteTextView crops the last row
  • Azure push notification hub - how to handle payload formats for both iOS and Android?
  • Best practices to query SQLite database in ListFragment with CursorLoader?
  • android: layout_marginBottom doesn't seem to work properly in 2.2 (Froyo)
  • Android httpclient file upload data corruption and timeout issues
  • Firebase invites says invitation sent but has not been received
  • One Solution collect form web for “Android BottomSheet: Is hinding under the toolbar”

    The AppBarLayout has a default elevation of 4dp (the dimension resource value design_appbar_elevation).

    By default CoordinatorLayout, like any FrameLayout, will layout elements with higher elevation before lower elevation on API 21 and higher devices.

    Try adding android:elevation="@dimen/design_appbar_elevation to your layout.

    Note that the elevation of a modal bottom sheet is @dimen/design_bottom_sheet_modal_elevation == 16dp

    Android Babe is a Google Android Fan, All about Android Phones, Android Wear, Android Dev and Android Games Apps and so on.