search

tech-systems / panes

🎉📱 Create dynamic modals, cards, panes for your applications in few steps. One instance – Thousands solutions. Any framework and free.
https://panejs.com
MIT License
691 stars 40 forks source link

[BUG] ion-select-options appear behind the pane, select itself doesnt. #221

Open woutersteven opened 1 year ago

woutersteven commented 1 year ago

Describe the bug Not sure if it is a bug, but i have a pane with an ion-select... and regardless of the interface i use (alert, popover or action-sheet), the options appear behind the modal. The select itself is showing on the pane, but the options aren't showing.

I looked for options to change the z-index, but haven't been successful. I'm using Ionic / Angular and I guess it's in the shadow DOM.

Expected behavior I expect the selectable options to appear in front of the the pane, regardless of the interface used.

roman-rr commented 1 year ago

@woutersteven2020 thank you, I'll check.

roman-rr commented 1 year ago

@woutersteven2020 Please make an example. You can fork this https://jsfiddle.net/romantonoff/8d4p5e0x/

woutersteven commented 1 year ago

Thank you for the reply, I tried it around for a while. The problem / conflicting issue is

parentElement: "body",

Without it , it works, with it, it appears behind the modal.

Any idea why? I think it can work without it for now.