Ion-modal - Can't enable touch propagation on underlying page

Ionic Framework
1

I am trying to let users interact with the underlying page interactable even while the modal is opened.

This would be useful on the new sheet modal to create pages like this:

68747470733a2f2f692e696d6775722e636f6d2f54516b496e6c722e706e67
68747470733a2f2f692e696d6775722e636f6d2f54516b496e6c722e706e67478×963 72.7 KB

I’ve taken this picture from this issue, which I’ve not been able to make it work as expected on my example repo.

2

I did it! :smiley:
In case of anyone needs in the future, you can use the shadow part of the ion-modal to apply styles directly on the backdrop of the modal:

.my-modal,
ion-modal::part(backdrop) {
pointer-events: none !important;
}

1 Like
3

Thank you so much! This is amazing! Worked for me too.