Vea este codepen para ver una demostración de los popovers cuando hace clic en un nodo azul.

Estoy tratando de hacer que la funcionalidad de cierre de popover funcione de la siguiente manera

• Si hago clic en "apagado" (en algún espacio no interactivo, la página de fondo), cierro la ventana emergente.
• Si hago clic en otro nodo cuando una ventana emergente existente está abierta, la ventana emergente existente se cerrará y se abrirá la nueva ventana emergente asociada con el nodo en el que se acaba de hacer clic.

Seguí una implementación en la que aparece una "superposición de información sobre herramientas" invisible, que admite la función de clic para cerrar. Pero eso no me permite hacer clic en otros nodos sin antes ocultar la superposición.

hacer clic en un nodo activa la función clicknode, que muestra la "información sobre herramientas" y la "información sobre herramientasBg"

 function clicknode(event, nodes) { const[x, y] = d3.pointer(event); tooltipBg.style("display", "block"); tooltip .style("left", `${event.pageX}px`) .style("top", `${event.pageY}px`) .transition().duration(1).style("visibility", "visible") .transition().duration(300).style("opacity", 1) .style("display", "block"); loadTooltipContent(nodes); }

Gracias por cualquier ayuda que pueda tener.