panes icon indicating copy to clipboard operation
panes copied to clipboard

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

Open woutersteven opened this issue 1 year ago • 3 comments

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.

woutersteven avatar Sep 12 '23 21:09 woutersteven

@woutersteven2020 thank you, I'll check.

roman-rr avatar Sep 13 '23 03:09 roman-rr

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

roman-rr avatar Sep 14 '23 08:09 roman-rr

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.

woutersteven avatar Sep 14 '23 11:09 woutersteven