<ion-backdrop visible="false" tappable="false"></ion-backdrop> i added the code above and the backdrop is not visible but i cannot click anything behind it, and the mouse becomes pointer.

In app.scss try this one. # app.scss ion-modal { ion-backdrop { visibility: visible; } .modal-wrapper { width: 86%; height: 86%; margin: 7%; position: absolute; border-radius: 13px; overflow: hidden; } }

actually the problem is even if visible is false, i cannot click anything in the background. is that the intended result?

I have the same problem :frowning:

Having the same problem were you able to find a solution?

I believe it’s a severe bug or improper documentation. See: https://github.com/ionic-team/ionic-framework/issues?q=ion-backdrop [image] ionic-team/ionic-framework s A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS…

ion-backdrop is used to deny clicks behind it, that’s the purpose of the component (change z-indexes if you want another component in front of it). If you’d like to make it visible indeed there is a mistake from ionic who sets by default the opacitiy to 0.01 so you don’t see it, event when visible …

IONIC 4: ion-backdrop not working

Ionic Framework

marlons91 December 29, 2020, 8:57pm 7

I believe it’s a severe bug or improper documentation.

See: https://github.com/ionic-team/ionic-framework/issues?q=ion-backdrop

Topic		Replies	Views
How to show backdrop behind modal	13	20938	July 19, 2021
Ion-datetime-button inside Modal - Backdrop doesn't appear Ionic Framework	2	1723	February 9, 2023
Backdrop example demo	26	31857	January 3, 2017
How to remove backdrop from ionicPopover? ionic-v1	0	498	August 2, 2016
Ionic 4 modal backdrop is over modal content Ionic Framework	6	2620	July 19, 2021

IONIC 4: ion-backdrop not working

Related topics