Bootstrap tooltip with wrong position inside a .table-responsive

Created by: pbuttelli

Operating system: Ubuntu 20.04.2 LTS Browser: Firefox 87.0 Reduced test case: https://jsfiddle.net/3r9z1o84/

I'm having a problem while using Bootstrap tooltips inside a parent with overflow: auto, more specifically inside a .table-responsive div. Both buttons are inside a <td> and have data-bs-placement="top", so the tooltip should be placed in the top of them, not anywhere else.

This is what is happening:

This is the expected behavior (when overflow-x is removed):