mattrothenberg / statamic-mapbox-address

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

z-index bugs in Statamic 4.53.2

tobimori opened this issue · comments

CleanShot 2024-03-19 at 21 52 37@2x

let me know if you need anything else for repro!

Hi, thanks for reporting! Can I ask you to take a pass at fixing this? Thanks!

sorry, I can't figure out how to fix it without touching statamic's own code.

@tobimori - I don't know why you would need to touch Statamic's own code. You would modify the vue-select component in this package and tweak the z-index to see if it resolves the issue.

that's what I tried and that doesn't work

What did you try? Can you provide your reproduction via a pull request? I don't understand what the issue is; there's a conflict between the z-index applied to the vue-select component here and something in the Statamic CMS. One of these is higher, and hence clipping is occurring.

It seems like the @container query isolates the z-index so it doesn't matter how high you set it on the vue-select