Should only see one popover at a time

[chucker]

Mostly fixes #31.

Also waiting on #40. See TODO in ExplanationPopover.razor.

What it does do:

✅ hides the popover if you click another popover ✅ hides the popover if you click the same popover (toggles it)

What it doesn't do:

❌ hides the popover if you click outside

[ricardoboss]

Can we make "hides the popover if you click outside" work somehow?

[chucker]

Can we make "hides the popover if you click outside" work somehow?

I gave it a few attempts, and couldn't find anything nice.

• One approach might be to use onfocusout, but I'm not sure you can make a <span> take focus in the first place.
• Another would be to make the popover take over the entire viewport. Then the component can simply intercept the click.
• Another would be to have a click event on the body, not bubbling down, maybe.
• There's also https://blazored.github.io/Modal/configuration/background-click. I'm not sure how they do that.

[ricardoboss]

You can make any HTML element focusable via tabindex=0. When opening the popover that element could be focussed and when focus on that element is lost, the popover can close.