Multiple popovers

This page illustrates how multiple popovers work within the same document.

Show popover 1

This is popover 1 with a popover attribute value of manual. Only its invoker can close it. Clicking its invoker also closes popovers with a popover attribute value of auto.

Show popover 2

This is popover 2. The value of its popover attribute is empty. As a result, clicking its trigger will hide other elements with a computed attribute value of auto and that are in the showing state. It will not, however, hide elements with a popover value of manual.

Show popover 3

This is popover 3. As with popover 2, its popover attribute value is empty. Clicking its trigger will hide popover 2 if it's showing. It will not, however, hide popover 1 if it's showing.