Window縮小時にDropdownの表示がずれる(bootstrap4)

画面が小さい状態でドロップダウンを表示するとメニューの位置がずれてしまう...

<div class="dropdown">
  <button class="dropdown-toggle" type="button" 
          data-reference="dropdown-toggle" data-toggle="dropdown" 
          aria-haspopup="true" aria-expanded="false">Submit
  </button>
  <div class="dropdown-menu dropdown-menu-right"></div>
</div>

解決

Note when boundary is set to any value other than 'scrollParent', the style position: static is applied to the .dropdown container.
Dropdowns Bootstrap

data-display="static"で動的な表示位置の変更を止める
メニューにmargin等を設定して位置を微修正👍

<div class="dropdown">
  <button class="dropdown-toggle" type="button" 
          data-reference="dropdown-toggle" data-toggle="dropdown" data-display="static" 
          aria-haspopup="true" aria-expanded="false">Submit
  </button>
  <div class="dropdown-menu dropdown-menu-right mt-3"></div>
</div>