title: Fixed element inside scrollable div
body: <p>I have a problem with scrollable div which contains fixed element. On ios that fixed element not showing well. Here is a example html:</p>
  
  <pre><code>&lt;div class="scrollable"&gt;
    &lt;div class="item"&gt;
       &lt;div class="content full"&gt;
         Some items rendered dynamically
       &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is a css:</p>
  
  <pre><code>.scrollable {
   position: absolute;
   top: 130px;
   right: 0;
   bottom: 0;
   left: 0;
   display: flex;
   padding: 15px!important;
   flex-wrap: wrap;
   justify-content: flex-start;
   overflow-y: scroll;   
  }
  
  .content.full {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background: #fff;
  }
  </code></pre>
  
  <p>But on ios 12 its not working that fixed element can't overlay parent how should i fix this any advice ?</p>