title: how to disable auto position of bootstrap 4.1
body: <p>My current dropdown list is large. See the image below.</p>
  
  <p><a href="https://i.stack.imgur.com/XXvvL.png" rel="nofollow noreferrer">Image</a></p>
  
  <p>How to fix this issue? I'm thinking of using proper JS to reposition the menu.
  Please help. How can I disable auto-positioning?</p>
  
  <p><strong>Here's an example of my code</strong></p>
  
  <pre><code>&lt;div class="btn-group"&gt;
                  &lt;button type="button" class="btn btn-danger dropdown-toggle"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"&gt;
                      Action
                  &lt;/button&gt;
                  &lt;div class="dropdown-menu"&gt;
                      &lt;a class="dropdown-item" href="#"&gt;Action&lt;/a&gt;
                      &lt;a class="dropdown-item" href="#"&gt;Another action&lt;/a&gt;
                      &lt;a class="dropdown-item" href="#"&gt;Something else here&lt;/a&gt;&lt;a class="dropdown-item" href="#"&gt;Something else here&lt;/a&gt;&lt;a class="dropdown-item" href="#"&gt;Something else here&lt;/a&gt;&lt;a class="dropdown-item" href="#"&gt;Something else here&lt;/a&gt;&lt;a class="dropdown-item" href="#"&gt;Something else here&lt;/a&gt;&lt;a class="dropdown-item" href="#"&gt;Something else here&lt;/a&gt;&lt;a class="dropdown-item" href="#"&gt;Something else here&lt;/a&gt;&lt;a class="dropdown-item" href="#"&gt;Something else here&lt;/a&gt;&lt;a class="dropdown-item" href="#"&gt;Something else here&lt;/a&gt;&lt;a class="dropdown-item" href="#"&gt;Something else here&lt;/a&gt;
                      &lt;div class="dropdown-divider"&gt;&lt;/div&gt;
                      &lt;a class="dropdown-item" href="#"&gt;Separated link&lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p><strong>NOTE :</strong> When I scroll the page, an inline css applies on dropdown menu, and change css property as screen scroll. How can I fix this issue?</p>
  
  <pre><code>element.style {
      left: 0px;
      position: absolute;
      transform: translate3d(16px, -258px, 0px);
      top: 0px;
      will-change: transform;
  }
  </code></pre>
  
  <p><strong>Thanks in advance</strong></p>