z-index bugs in Statamic 4.53.2

[tobimori]

let me know if you need anything else for repro!

[mattrothenberg]

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

[tobimori]

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

[mattrothenberg]

@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.

[tobimori]

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

[mattrothenberg]

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.

[tobimori]

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

[JorisOrangeStudio]

Any updates on this issue? Just wanted to report the same but saw this open issue :)

[tobimori]

I couldn't get it fixed

[mattrothenberg]

No updates, I don't have the time to look into this unfortunately!

[JorisOrangeStudio]

So what is the difference in this field and a statamic select field in terms of Vue components? Can not be something that is coming from the core right, as the normal select field doesn't have this problem.