Add a transparent, fixed overlay over screen when tooltip is opened

[timc1]

When a tooltip is opened, we'll create a transparent, fixed overlay over the entire viewport to make sure outer clicks don't do anything but hide the tooltip.

.overlay::before {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 80;
  display: block;
  cursor: default;
  content: " ";
  background: transparent;
}

[timc1]

Closed as you can easily add this css to your custom content.