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

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>
This discussion has been closed.
Answers
Can you link to a test case showing the issue please?
Allan