sajad torkamani

If the parent element of a Bootstrap dropdown menu is not big enough to contain the dropdown menu and it has its overflow set to scroll or hidden, your dropdown might get cut off like this:

In that case, you can use Popper.js config options. In the below example, we pass the option to the DropdownMenu component from react-bootstrap but you should be able to do a similar thing for the vanilla JS version of Bootstrap.

Fix Bootstrap dropdown being hidden by parent container