Turning on responsive options breaks my dropdown popper.js menu in the Datatable

grav

Using bootstrap dropdown button, which depends on popper.js. All is good with responsive: false but the menu has some sort of z-index/scrolling issue when responsive: true

Absolutely amazing demonstration:
https://imgur.com/a/JNXpxyd

and of course the html

<div class="col-sm-12 table-responsive">
    <table id="#" class="display">
        <thead>
            <tr>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
          <td>
            <div class='btn-group dropdown'>
                <button type='button' class='btn btn-warning dropdown-toggle' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>
                 Actions
                </button>
                <div class='dropdown-menu' role='menu' aria-labelledby='dLabel'>
                    <a class='dropdown-item' href='#' row=''>Rename</a>
                    <a class='dropdown-item' href='#' row=''>Change Release Date</a>
                    <a class='dropdown-item' href=''>Download file</a>
                    <div class='dropdown-divider'></div>
                    <a class='dropdown-item' href='#' row=''>Delete</a>
                </div>
              </div>
            </td>
        </tbody>
     </table>

allan

Can you link to a test case showing the issue please?

Allan