title: show drop down menu outside its sidebar parent,and on scrolling make the menu also scroll according to its parent,
body: <p>Here is the code below,
  I need the the dropMenu div after scrolling the nav to change its position (as much as nav scrolling). to stay below the (i) element</p>
  
  <pre><code>    &lt;nav&gt;
       &lt;ul&gt;
        &lt;li&gt;
         &lt;a onclick={this.setState(prevState =&gt; {showDropMenu:!prevState.showDropMeny})}&gt;
          &lt;i class="fas fa-ellipsis-h" /&gt; 
         &lt;/a&gt;
        &lt;/li&gt;
        {showDropMenu &amp;&amp;&lt;div className="dropMenu"&gt;&lt;/div&gt; }
       &lt;/ul&gt;
      &lt;/nav&gt;
  
  nav {
      overflow-y: visible;
      overflow-x: hidden;
      max-height: 70vh;
  }
  ul {
      list-style-type: none;
      min-width: 15vw;
      padding-left: 0;
  }
  </code></pre>
  
  <p>is there any big or small change can I make to achieve that ?</p>