The bootstrap-select element gets hidden by parent element

Question

Hello, I am using the bootstrap-select.js plugin in my project the problem with this select element is that when I open the dropdown it hides under the parent element and creates a scroll, I want to make it visible to overflow the parent element and be visible, I tried to add style (z-index and overflow) to the select element itself but it didn't work then I tried to change the style of the dropdown elements made by the plugin, it also didn't work.