Help! Tooltips in a scrolling list - cannot get them to display on top

Been struggling with getting tooltips to show up on hover over an icon, inside of a scrolling list with autolayout.

image

As you can see the tooltip shows behind the next item below.

I can switch to “First on top” but all that does is reverse the issue (the tooltip shows behind the item above).

How to get those tooltips to show up on top??

Here’s the working file you can copy and play around with.

Thanks in advance!

Update: I tried using absolute positioning in various places, but it didn’t work.

I’m starting to think that autolayout is the problem. But the list should be an autolayout (ideally)…

Anyone has any ideas?

I figured it out… The solution is to use an overlay (as opposed to a variant).

Hope this helps anyone looking to do something like this.