I have a Popover called within a function, with some property like showBackdrop and enableBackdropDismiss on it, but the options do not work as expected.
I guess that you should set showBackdrop to true if you want the darkened background. By setting it to false you’re actually hiding the backdrop (i.e. the darkened background). Here is the description from the docs for PopoverOptions:
showBackdrop | boolean | Whether to show the backdrop. Default true.
With showBackdrop: true, enableBackdropDismiss works as intended.
With showBackdrop: false, enableBackdropDismiss does not work and it is always enable, you can’t dismiss by tapping the backdrop.
Anyhow, showBackdrop does not work and i can’t have the darkened background.
Whatever I do (also without any settings) backdrop is clear.
Any suggestions?
edit
using Modal instead of Popover give again strange behaviour: enableBackdropDismiss work well. showBackdrop has some problem… whether is it set to true or false, the background is dark.
As far as I know, with showBackdrop:false you cannot dismiss the Popover, since it’s the backdrop element that has to register your tap and dismiss the popover. If you don’t want the backdrop to be visible (darkened background) but still want to dismiss the popover with a tap aside, you could use plain CSS (‘opacity: 0’) to style the backdrop element.
I would suggest you to inspect the element in dev tools. If you check the Popover example in the docs, you’ll notice that the backdrop is actually almost invisible (opacity: 0.08 on iOS, 0.01 on Android), so maybe it seems invisible because of the dark backround (in your screenshot). However, if you believe that there’s a real problem, then I would suggest you to open an issue about it so that it could be verified and fixed.
Adding some opacity with css to the popover backdrop elements works (the marked line in the first screenshot), but so I did not understand the utility of the option showBackdrop
Have you seen a slight delay in the way the backdrop disappears. i.e. the backdrop remains for a small duration before it returns to the normal page which invoked the popover.