Estoy usando metro-ui en mi sitio web, tengo un problema con los popovers de dicha biblioteca. https://metroui.org.ua/popovers.html hay varios ejemplos, pero ninguno se cierra al hacer clic en cualquier otro lugar, que es lo que necesito. ¿Cómo podría configurarse uno de estos popovers para cerrarlos al hacer clic en cualquier otro lugar de la pantalla?

 <button class="button m-1" data-role="popover" data-popover-text="Click Me to close!" data-popover-position="top" data-popover-hide="0" data-close-button="false" > Hover me </button> <button class="button m-1" data-role="popover" data-popover-text="Click close button to close!" data-popover-position="top" data-popover-hide="0"> Hover me </button>

es estos casos por ejemplo???