This thing has the unfortunate habit of displaying its dropdown behind other elements: https://re-com.day8.com.au/#/typeahead At least when using it in a bootstrap accordion of bootstrap cards. It seems like dropping down to the parts :suggestion-container and slapping z-index on everything also did not help. Is there some way to enforce this being on top of everything else somehow?
Could it be that that element with Building site has a z-index?
In general, whenever possible it's better to avoid z-index altogether and instead rely on the element order.
It does not. I am not using z-index anywhere (unless bootstrap does), I just tried in this specific instance whether I could force it that way
> unless bootstrap does Could very well be.
it does, the card style 😕
IIRC, depending on the markup, you could potentially fix it by slapping position: relative somewhere. But I don't recall the details. Something-something stacking context.
I was able to strategically move some stuff around to work around the problem for now. The problem is requeued ^^