I'm having big problems trying to display tooltips inside of a modal container.
Picture below demonstrates what's going on.
On top, I've stuck my tooltip component inside of the modal container:
Which means that it's getting displayed just fine. However, just below, in the content container:
The tooltip component is getting cut off and stacked below the modal header.
I've tried playing with z-index, visibility, overflows, positioning. Everything and anything that should be the fix if we weren't working with Lightning.
The only fix here seems to be to move the tooltip outside of the content div and up in to the container itself. This wouldn't be an issue, except that Lightning Locker is a thing, and I'm not able to tinker with the DOM in any reasonable way; as is, my tooltip is stuck inside of the modal content div.
Has anyone else run in to this problem? Is there any way at all to get around this, is there an obvious solution staring me in the face?