Struggling with AngularJS, I can't seem to find a simple solution for this problem. In my code, there's a div element with the overflow: hidden property set due to an internal scrollbar. Inside this div, there's a dropdown menu that is triggered by a button click. However, the issue arises when the dropdown extends beyond the borders of its parent div and gets partially hidden.
The best workaround I've managed to come up with involves dynamically adding the dropdown to the body and calculating its position upon each button click. It's a bit complex, especially since there's a scroller involved in the mix...
If anyone has any insights or suggestions on how to tackle this problem, it would be greatly appreciated!
Thanks a bunch, Tammy