title: Content goes behind soft navigation bar for api 21 and up
body: <p>Have upgraded app to use Material Design - <strong>Theme.AppCompat.Light.NoActionBar</strong>, <strong>Toolbar</strong> instead of <strong>ActionBar</strong> etc..</p>
  
  <p>And have a problem.
  Bottom content become to be hidden under soft NavigationBar (see picture below) on devices with APi >= 21</p>
  
  <p>Have found solution to fix this:</p>
  
  <p>in <strong>values-v21/styles.xml</strong> </p>
  
  <pre><code>&lt;style name="MyTheme" parent="Theme.AppCompat.Light.NoActionBar"&gt;
          ...
          &lt;item name="colorPrimaryDark"&gt;@color/green&lt;/item&gt;
          &lt;item name="android:windowDrawsSystemBarBackgrounds"&gt;false&lt;/item&gt;
  &lt;/styles&gt;
  </code></pre>
  
  <p>if option <code>&lt;item name="android:windowDrawsSystemBarBackgrounds"&gt;false&lt;/item&gt;</code> - bottom content is visible, but <strong>statusbar</strong> become completely black. I cant change color to <strong>colorPrimaryDark</strong> (green in my case)</p>
  
  <p>if option <code>&lt;item name="android:windowDrawsSystemBarBackgrounds"&gt;true&lt;/item&gt;</code> - bottom content is invisible, and <strong>statusbar</strong> is green, as expected.</p>
  
  <p>I want to have statusbar colored(green) and visible bottom content..
  Probably, issue is with <strong>toolbar</strong>. Is it pushes content down?</p>
  
  <p>Any suggestions?</p>
  
  <p><code>&lt;item name="android:windowDrawsSystemBarBackgrounds"&gt;true&lt;/item&gt;</code></p>
  
  <p><img src="https://i.stack.imgur.com/AeoR2.png" width="300" /></p>
  
  <p><code>&lt;item name="android:windowDrawsSystemBarBackgrounds"&gt;false&lt;/item&gt;</code></p>
  
  <p><img src="https://i.stack.imgur.com/g0FXR.png" width="300" /></p>
  
  <p>UPDATE:</p>
  
  <p>As suggested @azizbekian, I've replaced container for fragmets to CoordinatorLayout(before FrameLayout) and applied <code>android:fitsSystemWindows="true"</code>
  In this case bottom panel is visible, but not at the bottom..
  Goal is to keep buttons athe bottom...</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_height="match_parent"
                android:layout_width="match_parent"
                android:orientation="vertical"&gt;
      &lt;include
          layout="@layout/toolbar"/&gt;
  
          &lt;!-- The main content view --&gt;
          &lt;android.support.design.widget.CoordinatorLayout
                  android:id="@+id/content"
              android:fitsSystemWindows="true"
                  android:layout_width="match_parent"
                  android:layout_height="match_parent" /&gt;
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>layout of the screen:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;LinearLayout
          android:layout_height="match_parent"
          android:layout_width="match_parent"
          android:orientation="vertical"
          xmlns:android="http://schemas.android.com/apk/res/android"&gt;
      &lt;FocusableScrollView
          android:layout_width="match_parent"
          android:layout_height="0dp"
          android:layout_weight="1"
          android:id="@+id/order_editor_layout"
          android:fillViewport="true"&gt;
  
          &lt;RelativeLayout
              android:layout_width="match_parent"
              android:layout_height="wrap_content"&gt;
  
              &lt;include
                  android:layout_width="match_parent"
                  android:layout_height="match_parent"
                  layout="@layout/o_e_content" 
                  android:layout_alignParentRight="true"
                  android:layout_alignParentEnd="true"
                  android:layout_alignParentStart="true"
                  android:layout_alignParentLeft="true"/&gt;
          &lt;/RelativeLayout&gt;
      &lt;/FocusableScrollView&gt;
      &lt;include
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              layout="@layout/oe_bottom_pane"/&gt;
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>Here is result:</p>
  
  <p><img src="https://i.stack.imgur.com/uNiQZ.png" width="300" /></p>
  
  <p><strong>UPDATE#2</strong></p>
  
  <p>Activity Layout:</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"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:fitsSystemWindows="true"&gt;
  
      &lt;android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
          xmlns:app="http://schemas.android.com/apk/res-auto"
          android:id="@+id/my_toolbar"
          android:layout_width="match_parent"
          android:layout_height="?attr/actionBarSize"
          android:background="?attr/colorPrimary"
          android:elevation="4dp"
          android:theme="@style/ActionBarTheme"
          app:popupTheme="@style/ThemeOverlay.AppCompat.Light" /&gt;
  
          &lt;!-- The main content view --&gt;
          &lt;FrameLayout
                  android:id="@+id/content"
                  android:layout_width="match_parent"
                  android:layout_height="match_parent"/&gt;
  &lt;/android.support.design.widget.CoordinatorLayout&gt;
  </code></pre>
  
  <p>Replaced <code>LinearLayour</code> with <code>CoordinatorLayout</code> as root for activity.
   As root element for content I've keep <code>FrameLayout</code>.
  Applied <code>android:fitsSystemWindows="true"</code> to <code>CoordinatorLayout</code>.
  This way, all content was slightly moved up and part of placed below the toolbar(you can see on image below - top elements are circle with + and - symbold. But on previous images there are text on the top.) Regarding bottom elements (buttons panel) - still placed below navigation bar but also slightly moved up. I've marked <code>android:background="@color/red"</code> to easier recognize position of this panel.</p>
  
  <p>Seems, we are on the right way. All we need - to resolve problem - why content moved below the toolbar.. If tolbar will be top ui elemnt, buttons will be visible..</p>
  
  <p><img src="https://i.stack.imgur.com/9nEsg.png" width="300" /></p>