search

mattrothenberg / statamic-mapbox-address

9 stars 4 forks source link

z-index bugs in Statamic 4.53.2 #8

Open tobimori opened 3 months ago

tobimori commented 3 months ago

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

let me know if you need anything else for repro!

mattrothenberg commented 3 months ago

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

tobimori commented 3 months ago

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

mattrothenberg commented 3 months ago

@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 commented 3 months ago

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

mattrothenberg commented 3 months ago

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 commented 3 months ago

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