reagent

Schmoho 2025-03-15T15:00:24.712279Z

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?

p-himik 2025-03-15T15:02:59.278989Z

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.

Schmoho 2025-03-15T15:04:00.016449Z

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

p-himik 2025-03-15T15:05:07.706029Z

> unless bootstrap does Could very well be.

Schmoho 2025-03-15T15:08:46.488609Z

it does, the card style 😕

p-himik 2025-03-15T15:09:57.396379Z

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.

Schmoho 2025-03-15T15:14:27.964939Z

I was able to strategically move some stuff around to work around the problem for now. The problem is requeued ^^

👍 1