The problem is that the parent element has
overflow: hidden;
set, which causes the dropdown to be clipped.
You can override that by setting the configuration to use fixed positioning:
<a type="button" id="dropdownMenu2" data-toggle="dropdown" data-popper-config='{"positionFixed":true}' aria-haspopup="true" aria-expanded="false">
Demo[
^]